1. 程式人生 > >layui監聽select變化, 以及設定radio選中

layui監聽select變化, 以及設定radio選中

一,select監聽

1.首先,要給select加一個layui提供的屬性 lay-filter=“level” 這裡面的level自己定義,下面會用到
2.匯入form

 layui.use('form', function(){
        var form = layui.form; //只有執行了這一步,部分表單元素才會自動修飾成功
        form.on('select(level)'),function() {
       //內容
});
        form.render();//注意如果是動態新增的select ,就必須加這行程式碼
 
    });

可以不用加第一行的程式碼 layui.use這行

二.radio選中

首選要將layui提供的form表單放在當前函式最下面

    layui.use('form', function(){
            var form = layui.form; //只有執行了這一步,部分表單元素才會自動修飾成功
            form.render();
        });

然後使用jquery的each 以及根據name找dom元素的方法進行設計

 $.each($("input[name='usex']") ,function (index, data) {//index是索引,從0開始

            if( data.value == '男' ) {
                // alert(usex);
                $(data).prop('checked',true);//data表示資料的內容,比如男女
             
            }
        })

在這裡也強調下關於select的初顯示,如果想讓他第一次出現在你想讓的顯示的一個Option上也需要吧layui.use放在最下面