使用 jQuery UI 从选择选项中获取值
Get value from select option with jQuery UI
我在使用 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/
相关文章:
- 如何在不需要单击按钮的情况下获取选项的值
- 在Select-HTML中获取选项的值
- 从Javascript中的Chrome扩展获取选项卡url
- 使用 CasperJS 从下拉框中获取选项值
- 如何在 JavaScript 中实现用于设置和获取选项的非 CQS API
- 当文档已知时,我们如何获取选项卡元素
- 如何在jquery的选择下拉列表中获取选项文本
- Jquery 获取选项卡以在活动时添加类
- 在部分包含选项后获取选项结束标记数组
- 在下拉列表的当前选定选项之前获取选项的文本
- 通过它在Jquery中的值获取选项 HTML
- 当验证在 laravel 5 中返回 false 时,如何获取选项值的名称
- 在表单中获取选项值,然后在 url 中使用它
- 获取选项 从其他选项中选择名称 选择不带表单标记的名称
- 从 URL 获取选项值,以显示下拉列表中的特定菜单项
- 根据其他元素获取选项值
- 如何根据选项文本获取选项索引
- 在firefox中获取选项卡导航事件
- 在没有类/ID的情况下单击即可获取选项值
- 获取选项's的更改值