2021-10-09 layui 获取 select选中的值

jquery获取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
})