Javascript 如何从包含上传图像的html表单中输入的数据创建div中的元素（如文本）？_Javascript_Html

Javascript 如何从包含上传图像的html表单中输入的数据创建div中的元素（如文本）？

javascript html

Javascript 如何从包含上传图像的html表单中输入的数据创建div中的元素（如文本）？,javascript,html,Javascript,Html,我希望使用html表单创建div中的元素。用户将填写标题，选择花费金额并上传图像。单击表单的提交按钮，我希望这些输入的详细信息成为offer\u display div中的元素。表单和offer\u display div位于同一页面上。我想创建一个javascript函数，用于推送该信息或将该信息存储在一个可以在display div中使用的变量中 <body> <div class="form"> Form <br><br> <form

我希望使用html表单创建div中的元素。用户将填写标题，选择花费金额并上传图像。单击表单的提交按钮，我希望这些输入的详细信息成为offer\u display div中的元素。表单和offer\u display div位于同一页面上。我想创建一个javascript函数，用于推送该信息或将该信息存储在一个可以在display 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>


表格


标题：
var titleValue=“”；
$（'#titleInsert'）。关于（“更改”，函数（）{
titleValue=$（this.val（）；
$（“标题h3”）。文本（“标题价值”）；
});

使用jQuery并为字段和表单元素提供

id

。然后使用选择器

onchange

捕获并存储变量中的值，然后您可以在任何地方使用它

var titleValue="";
$('#titleId').on("change", function () {
  titleValue=$(this).val();
});

享受：）

谢谢，在div优惠展示中。如何用变量titleValue替换例如Title？在offer_display中，为元素提供

id

，并使用

$（“#titleDivId h3”）.text（“新标题文本”）我简化了上面的代码。我仍然没有问题，你能解释我的错误吗？应该是id=“titleInsert”
而不是class=“titleInsert”
，并且不要对标题值使用引号可能是js代码的一些示例？到目前为止你都试了些什么？不停摆弄