jq怎么獲取select的選中項(xiàng)的值

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存儲(chǔ)</option>
        <option value="HAD-Hadoop">hadoop存儲(chǔ)</option>
        <option value="OBS-Object Storage">對(duì)象存儲(chǔ)</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.

這里有個(gè)問(wèn)題，就是使用的amazeui的下拉框，使用js/jquery操作選中項(xiàng)的話(huà)，下拉框這個(gè)組件不會(huì)自動(dòng)渲染，需要你自己手動(dòng)渲染。

$("#queryContent2").trigger('changed.selected.amui')
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容