使用jquery在两个文本框中使用按键事件将一个文本框分配给第二个文本框?

时间:2017-03-28 12:02:59

标签: jquery

我有一个2文本框box.now我想要一键文本按键事件值输入此值自动写入第二个文本框与按键事件。所以现在我想按键事件也有第二个文本框那怎么办我不知道。

这是我的文本框:

<input type="search" id="search" class="form-control" placeholder="Search...">

这是我的脚本代码:

 <script type="text/javascript">
$(function () {
    $("#search").keypress(function () {
        debugger;
        //$("#anotherName").val($(this).val());           
            $(".fixed-table-container").find(".dataTables_filter input.input-sm[type='search']").val($(this).val()); // want to also this text box key press event    // this is my 2nd text box       
    });
})
</script>

所以这里现在写第一个文本框按键事件正在工作所以现在我想同时第二个文本框按键想要。

例如我在第一个文本框上写abc,同时在第二个文本框中使用abc自动写入按键,但那时我也想要第二个文本框的按键事件。

4 个答案:

答案 0 :(得分:1)

你是说这样的意思吗?

&#13;
&#13;
$(document).ready(function() {
  $('#search1').keyup(function() {
    $('#search2').val($(this).val());
  });
  $('#search2').keyup(function() {
    $('#search1').val($(this).val());
  })
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="search1">
<input type="text" id="search2">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

这样怎么样,在两者中使用类 - 类型进行复制:

&#13;
&#13;
$('.text__input').on('input', function() {
  $('.text__input').val($(this).val())
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="text__input">
<input type="text" class="text__input">
&#13;
&#13;
&#13;

答案 2 :(得分:0)

要在元素上触发事件,请使用jQuery&#39; trigger函数。

在您的情况下,要在第一个文本框中触发keypress时触发第二个文本框上的keypress事件,请尝试以下操作:

$('#textbox1').keypress(function() {
    $('#textbox2').val($(this).val());
    $('#textbox2').trigger('keypress');
});

答案 3 :(得分:0)

您可以使用类似

    /* if I write in both text boxes*/
    $('#tboxBalance').on('keypress', function () {
        $('#tboxResultado').on('keypress', function () {
            $('#btn_info_gUnidades').prop('disabled', false)
        })
    });