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

我将所选jQuery框架与基本select语句一起使用

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

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

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

---

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

为什么不直接更改所选索引？似乎您正试图实现同样的目标，但却以人的方式进行，而不是以编程的方式进行，如下所示：

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

---

请确保同时更改jQuery选择器和值以符合您的情况。

这就是最终对我起作用的原因：

最初的单击会触发一个事件，以显示额外的字段可选，仅在我的特定情况下需要

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

---

_chzn实际上是一个而不是一个。下拉列表由元素中的元素组成。我试着用人的方式来做，因为这是为了自动化测试，我想紧密地反映用户流。明白了，你能把你的HTML添加到你原来的帖子中吗？我的印象是这是一个select元素。所选框架的工作方式是，您获取一个select元素，然后select创建div并隐藏原始select元素。隐藏的select元素通过所选框架在后台更新。请尝试我编辑的代码。.selected函数应该抓取底层的select元素，并且您应该能够像往常一样对其进行操作。这为我返回了以下错误：TypeError:无法读取undefined的属性'length'

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

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