我想使用jQuery在键入时将文本框值绑定到另一个文本框

时间:2014-05-02 04:44:14

标签: javascript jquery html

以下是我的代码。但我没有得到输出。

$(document).ready(function () {
     $('#txtOpenQty').keyup(function (e) {
         var txtVal = $(this).val();
         $('#txtCloseQuantity').val(txtVal);
     });

     $('#txtCloseQuantity').keyup(function (e) {
         var txtVal = $(this).val();
         $('#txtOpenQty').val(txtVal);
     });
});

3 个答案:

答案 0 :(得分:1)

这应该适合你。

<input type="text" id="one" />
<input type="text" id="two" />


$('#one').keyup(function(e) {
    var txtVal = $(this).val();
    $('#two').attr("value", txtVal);
});

例如,检查here

更新

<input type="text" id="one" />
<input type="text" id="two" />


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>



<script>

$('#one').keyup(function(e) {
    var txtVal = $(this).val();
    $('#two').val(txtVal);
});
</script>

答案 1 :(得分:0)

尝试这个

<textarea id="o"></textarea>
<textarea id="t"></textarea>



<script>
            $(document).ready(function(){
               console.log('jquery in');
               $('#o').keyup(function(e){
                  console.log($(this).val()); 
                  $('#t').val($(this).val());
               });
            });
        </script>

答案 2 :(得分:-2)

<input width="5" size="5/" col="5" value="23232" id="txtOpenQty">
<input width="5" size="5/" col="5" value="2323" id="txtCloseQuantity">

在JS O中复制你的代码。

<script>
    $(document).ready(function (){
       $('#txtOpenQty').keyup(function (e) {
              var txtVal = $(this).val();
              $('#txtCloseQuantity').val(txtVal);
       });
       $('#txtCloseQuantity').keyup(function (e) {
           var txtVal = $(this).val();
           $('#txtOpenQty').val(txtVal);
       });
   });

   </script>

我尝试了同样的例子它对我来说工作正常,请你详细解释一下, 你在哪里编写这段代码,或者你正在使用什么HTML?