从jQuery UI中选择选项获取价值

Question

我在使用JQuery UI $（'＃id'）。combobox（）时从选择选项获取值时遇到了问题。 当我使用简单的JQuery没有Ui它工作，但是当我使用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/