javascript - 如何使用 jquery 动态地将文本从文本框放入 div 内的标签

Question

我有这个Viewbag

<div id="amount"><h4>@ViewBag.Amount</h4></div>

如何使用 jquery 更改金额？我有这个文本框

<input type="text" class="form-control" id="txtAmount" name="txtAmount" placeholder="Enter Amount" data-val="true" data-val-required="Amount to pay is required." data-val-number="Amount to pay must be a number.">

我已经尝试过这段代码，但它不起作用

 $("#btnSubmit").click(function () {  $("amount").text(txtAmount); }

Answer 1

试试这个:

$("#amount").children('h4').eq(0).text($('#txtAmount').val());

请注意，尽管上面的内容不会显示，因为您的提交按钮将提交您的表单。如果您只想更新值，则需要阻止表单提交:

$("#btnSubmit").click(function (e) { 
    e.preventDefault();
    $("#amount").children('h4').eq(0).text($('#txtAmount').val());
});

此外，您似乎正在使用 h4 来进行样式设置 - 不要这样做。标题标签仅用于标题。使用CSS设置div标签的样式