jq怎么获取select的选中项的值
程序员文章站
2022-03-26 18:06:46
...
html:
<select id="queryContent2" data-am-selected="{btnWidth: '100%', btnSize: 'sm', btnStyle: 'am-btn am-btn-default'}">
<option value="ALL" selected>全部</option>
<option value="MPP">MPP存储</option>
<option value="HAD-Hadoop">hadoop存储</option>
<option value="OBS-Object Storage">对象存储</option>
</select>
jq:
// 获取value值
console.log($('#queryContent2 option:selected').val());
// 获取text值
console.log($('#queryContent2 option:selected').text());
if($('#queryContent2 option:selected').val() != 'ALL'){
$('#queryContent2 option:selected').attr('selected',false);
$("#queryContent2 option[value='ALL']").attr('selected',true);
}
jq使用它的选择器
,条件为option: selected
,就能抓取到被选中的option.
这里有个问题,就是使用的amazeui的下拉框,使用js/jquery操作选中项的话,下拉框这个组件不会自动渲染,需要你自己手动渲染。
$("#queryContent2").trigger('changed.selected.amui')
上一篇: MyBatis运行原理
下一篇: 在angular中使用ECharts
推荐阅读
-
[日期]已知月份,第几周,星期几。怎么获取day的值-请各位大侠指教
-
submit后,html中的select 怎么还是原来的值_html/css_WEB-ITnose
-
怎么从数据库中获取格式化的datetime类型值
-
如何使用jQUery获取选中radio对应的值
-
jquery 根据索引index或value值设置单选框radio的某一项为选中状态
-
php后台怎么获取html上拉菜单的值,请大侠们帮忙
-
怎么从数据库中获取格式化的datetime类型值
-
js获取select默认选中的Option并不是当前选中值_javascript技巧
-
使用Java获取html中Select,radio多选的值方法
-
C#正则表达式获取下拉菜单(select)的相关属性值