使用Javascript从下拉列表中选择jQuery框架选择选项

时间:2014-03-31 20:22:29

标签: javascript jquery jquery-chosen

我使用选择的jQuery框架和基本的select语句。

我使用以下代码行打开下拉列表:

$('#<id-of-your-select>_chzn').trigger('mousedown');

该声明打开了Chosen下拉列表。

Chosen dropdown

然后我想选择顶部项目,它是一个id为pt_chzn_o_1的li元素。

我已尝试过以下操作,但没有人会选择该选项。

$('#pt_chzn_o_1').trigger('mousedown');
$('#pt_chzn_o_1').click();

如何使用Javascript / jQuery选择一个选项,就像我用鼠标点击顶部选项一样。

2 个答案:

答案 0 :(得分:1)

为什么不改变所选索引呢?看起来你正试图达到同样的目的,但是以人性化的方式去做。反对编程方式&#34;,就像这样:

$('#<id-of-your-select>').val('value-of-pt_chzn_o_1').trigger('chosen:updated');

确保更改jQuery选择器和值以符合您的具体情况。

答案 1 :(得分:1)

最终为我工作的是:

初始点击会触发一个事件以显示其他字段(可选,仅在我的特定情况下需要)。

$("#<id-of-your-select>_chzn").trigger("click")

此语句将打开Chosen下拉列表:

$("#<id-of-your-select>_chzn").trigger("mousedown")

对要选择的所选下拉元素的li元素id执行此语句。

$("#pt_chzn_o_1").trigger("mouseup")