美文网首页
jq怎么获取select的选中项的值

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

作者: _信仰zmh | 来源:发表于2017-11-12 17:34 被阅读0次

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

    相关文章

      网友评论

          本文标题:jq怎么获取select的选中项的值

          本文链接:https://www.haomeiwen.com/subject/wbnamxtx.html