jq怎么获取select的选中项的值

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')
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容