主页 / 问题 / 930708
Accepted
Kobets Matviy
Asked:2020-01-11 04:44:11 +0000 UTC2020-01-11 04:44:11 +0000 UTC

为什么我设置 val() 时更改不运行？

  • 772

带值的参数通过 URL 来找我，我将其写入paramsURL[]数组。
然后我需要将传入的数据设置为 select 的值。 

$('select[name="mtype"]').val(paramsURL['mtype']);

之后， val() 会正确触发，但不会触发 select 的更改事件。
谷歌搜索，我找到了一个模拟变化的触发器-> 

trigger('change')

但它没有给出任何动作。也试过onchange(); - 也没有结果。仅适用于鼠标单击或输入。

jquery

1 个回答

  1. Best Answer

    通过脚本设置用户输入元素的值不会自动触发事件change。

    $('#test').change(function() {
  console.log($(this).val());
});

$("#valueOnly").click(function(){
  var old = $('#test').val();
  $('#test').val((old != 2)? 2 : 3);
});

$("#valueAndChange").click(function(){
  var old = $('#test').val();
  $('#test').val((old != 2)? 2 : 3);
  $('#test').change();
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
<br/><br/>
<button id="valueOnly">Set value only</button>
<button id="valueAndChange">Set value and trigger change</button>

    • 1

相关问题