使用jquery触发更改事件<select>

Question

无论如何我可以在页面加载的选择框上触发更改事件并选择一个特定的选项.

此外,通过在将函数绑定到事件后添加触发器来执行该函数.

我试图输出像这样

<select class="check">
<option value="one">one</option>
<option value="two">two</option>
</select>

$(function(){
    $('.check').trigger('change'); //This event will fire the change event. 
    $('.check').change(function(){
      var data= $(this).val();
      alert(data);            
    });
});

http://jsfiddle.net/v7QWd/1/

Answer 1

使用val()更改到值(不是文本)和trigger()手动触发事件.

必须在触发器之前声明change事件处理程序.

这是一个样本

$('.check').change(function(){
  var data= $(this).val();
  alert(data);            
});

$('.check')
    .val('two')
    .trigger('change');

Answer 2

要选择选项,请使用.val('value-of-the-option')select元素.要触发更改元素,请使用.change()或.trigger('change').

代码中的问题是逗号而不是点,$('.check'),trigger('change');以及在绑定事件处理程序之前调用它的事实.

Answer 3

对于那些被 jQuery 触发器处理程序阻止的人来说，另一个可行的解决方案是，对本机事件的触发如下（100% 工作）：

var sortBySelect = document.querySelector("select.your-class"); 
sortBySelect.value = "new value"; 
sortBySelect.dispatchEvent(new Event("change"));

Answer 4

$('#edit_user_details').find('select').trigger('change');

它会更改select html标签下拉项目id="edit_user_details".