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)来区别