jquery - 手动更改底层选择后如何触发 jqueryui 组合框的更改？

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/