如何将文本框值绑定到span

Question

如何将input textBox值绑定到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" />

当我点击Button文本框时，值应出现在span和console中。

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(variable inside here)。

Answer 2

试试这个

第1步：确保您已经为jQuery源文件

提供了参考

第2步：

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