Javascript 使用jqueryui从select选项获取值

在使用JQuery UI$'id'。combobox时，我无法从选择选项中获取值。 当我使用没有Ui的简单JQuery时，它可以工作，但当我使用Ui时，它无法获得价值。下面是我的一些HTML代码：

<table>
    <tr>
        <td>Reset by: </td>
        <td>
            <select name="resetType" id="resetType">
                <option value="email" selected>Email</option>
                <option value="phone">Phone's Number</option>
                <option value="username">Username</option>
            </select>
        </td>
    </tr>
    <tr>
        <td id="type"></td>
        <td><input type="text" name="type"/></td>
    </tr>
</table>

我在这里做了[name*=type]，因为您没有给那个文本框一个ID或任何东西，所以我只是按name属性搜索它

$('#resetType').on('change', function () {
    $('[name*="type"]').val($(this).find('option:selected').val());       
});​

这是一个有效的演示：

但是当我使用$'resetType'。组合框显示JQuery UI时，我的代码将出错，无法获取值。$'resetType'.combobox；$'resetType'.on'change'，function{$'[name*=type]'.val$this.find'option:selected.val；}；​

$('#resetType').on('change', function () {
    $('[name*="type"]').val($(this).find('option:selected').val());       
});​