模拟鼠标点击选择选项与jquery

时间:2012-04-24 23:37:23

标签: jquery select click option

当我点击选择选项时,我正在处理Changed事件。

我想在代码中模拟这个,并让它看起来像用户点击选项时一样。

到目前为止,设置'已选中'选项上的属性不会像单击它时那样突出显示它。

我可以触发'更改'在选项上并点击我的处理程序,但列表中的选项未被选中,就像点击一样。

连连呢?

更新: 查询选择代码工作正常 - 感谢您的回复。问题是我的(当然)。我在Jquery.Ajax Success:block之外有选择代码,所以我认为它正在工作,但是ajax响应代码正在使用它。

4 个答案:

答案 0 :(得分:5)

​$('option[value="4"]').attr('selected', 'selected').parent().focus();​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

适合我。见http://jsfiddle.net/TZVyh/1/

答案 1 :(得分:5)

我正在使用jquery datatable插件ColumnFilterWidgets,我需要执行以下操作来执行过滤器操作(基于elclanrs和Ben Foster的答案):

$("option").attr('selected', 'selected').parent().focus();
$("option").parent().change();

答案 2 :(得分:0)

$("option").attr("selected","selected"); 

将选择您想要的选项。之后您可以触发该事件。

并且不要忘记使用以下方法清除其他选项的所选属性:

$("option").attr("selected",null);

$("option").removeAttr("selected");

答案 3 :(得分:0)

  

...但列表中的选项未被选中,就像点击一样。

我并不完全明白你要做的是什么,但$('select').change()$('select option').click()类似。 change事件中$(this).val()是所选选项的值以及click事件中的值。

在任何一种情况下,您都可以选择$('select[value="yourvalue"]').prop('selected', true);

选项