Question

使用以下HTML：

<select id="savedSearchSelect">
    <option value="10024">All docs.true</option>
    <option value="10028">fgfd.false</option>
    <option value="10029">htyu.false</option>
    <option value="10030">dffdgb.false</option>
    <option value="10031">Puppy.false</option>
    <option value="10056">Puppy 2.false</option>
    <option value="10057">Puppy 3.false</option>
    <option value="10058">Puppy 4.false</option>
    <option value="10059">Puppy 5.false</option>
    <option value="10060">Puppy 6.false</option>
</select>

我初始化了一个组合框：

$("#savedSearchSelect").combobox();

稍后在代码中 - 我手动触发在基础选择中选择的选项：

 $("#savedSearchSelect option:eq(2)").attr("selected", "selected");

在jquery ui组合框中触发该项目的下一步是什么？

我在jsFiddle中的问题演示已经在这里设置： http://jsfiddle.net/Wg6sR/7/

Answer 1

在选择中监听更改事件并相应地更新字段：

$("#savedSearchSelect").change(function() {
    $(this).next().val($(this).children(':selected').text());     
});

http://jsfiddle.net/Wg6sR/8/

Answer 2

在选择中触发更改事件，如下所示：

    $("#savedSearchSelect").change()

这需要在Mathletics提供的绑定之后发生。

http://jsfiddle.net/PzsJg/1/

这更优雅，IMO：http://jsfiddle.net/PzsJg/3/

如何在底层选择后手动更改jqueryui组合框中的更改？

2 个答案: