gpt4 book ai didi

javascript - 如何使用 html 表单将文本添加到 div 中?

转载 作者:行者123 更新时间:2023-12-03 11:59:00 26 4
gpt4 key购买 nike

在同一屏幕上的 div 标题中添加输入类型文本的插入。尝试破坏函数,将输入转换为变量并使用它来填充 div。

<body>
<div class="form">
Form <br><br>
<form name="input" action="javascript:alert(titleValue);">

Title: <input type="text" name="title" class="titleInsert">

<input type="submit" value="Submit">

</form>

</div>

<div class="offer_display">

<div class="title" id= title></div>
</div>

</body>

<script>
var titleValue="";
$('#titleInsert').on("change", function () {
titleValue=$(this).val();
$("#title h3").text("titleValue");
});

</script>
</html>

最佳答案

代码的另一个问题是,您必须使用“input”事件而不是“change”。

查看 fiddle 上的工作代码:http://jsfiddle.net/z037qv3n/

<body>
Form <br><br>
<form name="input" action="javascript:alert(titleValue);">
Title: <input type="text" name="title" id="titleInsert">
<input type="submit" value="Submit">
</form>

<div class="title" id="title"></div>
</body>

<script>
var titleValue="";
$('#titleInsert').on("input", function () {
titleValue=$(this).val();
$("#title").text(titleValue);
});

</script>
</html>

关于javascript - 如何使用 html 表单将文本添加到 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25487041/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com