jquery - 如何将文本框值绑定(bind)到span

Question

如何将input textBox值绑定(bind)到span

$(document).ready(function () {
  $('#Btn3').click(function () {
    var txtvalue=$('#txtx1');
    console.log(txtvalue);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtx1" /><br />
<span id="txtSpan"></span>
<input type="button" value="Appended-textBox" id="Btn3" />

当我单击按钮时，文本框值应该出现在跨度和控制台中。

Answer 1

试试这个

$(document).ready(function() {
  $('#Btn3').click(function() {
    var txtvalue = $('#txtx1').val();
    $("#txtSpan").text(txtvalue);
    console.log(txtvalue);
  });
});

 <!-- Include this line of code --><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtx1" /><br />
<span id="txtSpan"></span>
<input type="button" value="Appended-textBox" id="Btn3" />

根据上面的 jQuery 代码，您缺少 }) 来获取 document.ready() 的值输入框使用.val()，然后使用.text(此处的变量)显示它。