主页 / 问题 / 561572
Accepted
toxxxa
Asked:2020-09-01 03:52:00 +0000 UTC2020-09-01 03:52:00 +0000 UTC

如何在以编程方式更改 <input> 元素的值时捕获 .change 事件

  • 772

表单中有一个元素<input>，紧挨着它的是一个引导元素dropdown button，单击该元素会将值写入该元素input。您需要input挂起一个事件，该事件change将在手动（从键盘）和以编程方式（通过脚本）更改值时触发。在我这里，事件仅在键盘发生变化时被捕获。

<div class="input-group">
  <div class="input-group-btn">
    <button ...>Action <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#action1">Action1</a></li>
      <li><a href="#action2">Action2</a></li>
    </ul>
  </div>
  <input type="text">
</div>

<script>
    $('form .dropdown-menu a').on('click', function() {
        var input = $(this).parents('.input-group').find('input')[0];
        input.value = this.hash.substr(1);
    });
    $('input').on('change', function() { alert(); })
</script>
javascript

1 个回答

  1. Best Answer
    <script>
    $('form .dropdown-menu a').on('click', function() {
        var input = $(this).parents('.input-group').find('input')[0];
        input.value = this.hash.substr(1);

        // решил вот таким образом
        $('input').trigger('change');

    });
    $('input').on('change', function() { alert(); })
</script>
    • 2

相关问题