javascript - 使用 jQuery UI 从选择选项中获取价值

Question

使用 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>

这是我的jQuery代码：

$(function(){
    $('#resetType').combobox(); // Code have Problem
    switch($('#resetType').val()){
    case 'email':
        $('#type').html('Email: ');
    break;
    case 'phone':
        $('#type').html('Phone: ');
    break;
    case 'username':
        $('#type').html('Username: ');
    break;
    }
})

Answer 1

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

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

这是一个工作演示：http: //jsfiddle.net/JwB6z/2/