layui獲取select下拉框選中的值

jquery獲取layui下select選中的值

<select name="region" lay-filter="region-dropdown">
    <option value="ap-chengdu">成都</option>
    <option value="ap-nanjing">南京</option>
    <option value="ap-beijing-1">北京一區</option>
    <option value="ap-beijing">北京</option>
    <option value="ap-guangzhou">廣州</option>
    <option value="ap-shanghai">上海</option>
    <option value="ap-chongqing">重慶</option>
</select>

用 jquery 獲取 select 選中的值：

layui.use(['form'], function(){
    var $ = layui.$
    ,form = layui.form;

    var region = $("select[name='region']").val();
    console.log(region);
    // ap-chengdu
})

監聽 select 選擇來獲取 select 選中的值：

layui.use(['form'], function(){
    var $ = layui.$
    ,form = layui.form;

    //監聽地區下拉
    form.on('select(region-dropdown)', function(data){
        console.log(data.elem); //得到select原始DOM對象
        console.log(data.value); //得到被選中的值
        console.log(data.othis); //得到美化後的DOM對象
    })
    // ap-chengdu
})

如果有多個 select ，可以設置同樣的 lay-filter，select 設置不同的 name 或者其它的屬性(attr)來區別