如何使用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标记

的样式

Answer 2

     $("#btnSubmit").click(function () {   
             $("#amount>h4").text($('#txtAmount').val());
     });

Answer 3

您在跟踪from selenium import webdriver ffprofile = webdriver.FirefoxProfile() ffprofile.add_extension(extension='adblock.xpi') driver = webdriver.Firefox(firefox_profile=ffprofile)

时遗失#

statement

应该是

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