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')