我在使用 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;
}
})
最佳答案
我在这里做了 [name*="type"]
因为你没有给那个文本框一个 ID 或任何东西,所以我只是通过 name
搜索它> 属性。
$('#resetType').on('change', function () {
$('[name*="type"]').val($(this).find('option:selected').val());
});
这是一个工作演示: http://jsfiddle.net/JwB6z/2/
关于javascript - 使用 jQuery UI 从选择选项中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11876457/