如何在底层选择后手动更改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

在select上监听change事件并相应地更新字段:

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

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