formSelects 4.xの複数選択ドロップダウンボックス

最初導入する必要があります。

formSelects-v4.css

formSelects-v4.js

ダウンロードプラグインします。https://fly.layui.com/extend/formSelects

 

使用します。

<DIV CLASS = "layui形">
    <DIV CLASS = "layui入力インライン">
        <SELECT NAME = "select_base_cityname" ID = "select_base_cityname"レイフィルタ= "select_base_cityname" XMセレクト= "select_base_cityname" XM-選択型= "1">
            <オプション値= ""> </オプション>
            <オプション値= "1">北京</オプション>
            <オプション値= "2">上海</オプション>
            <オプション値=」 3 ">天津</オプション>
            <オプション値=" 4 ">重庆</オプション>
        </選択>
    </ div>
<DIV CLASS =" layui列">
<DIV CLASS ="テストテーブルリロード-BTN」スタイル= "マージン下:10pxの;">
<ボタンタイプ= "ボタン"クラス= "layui-BTN layui-BTN-危険"レイ提出レイフィルタ= "btn_submit" ID = "btn_submit"> <Iクラス= "layuiアイコン">&#xe681 </ I>获取</ボタン>
</ div>
</ div>

 

layui.use([ '形態'、 '層'、 'jqueryの'、 'テーブル'、 'laydate'、 '要素'、 'アップロード'、 '流れ']、関数(){
    VAR $$ = layui.jquery。
    VARフォーム= layui.form、
        層= parent.layer ==未定義layui.layer:?parent.layer、
        //層= layui.layer、
        テーブル= layui.table、
        laydate = layui.laydate、
        要素= layui.element、
        = layui.upload、アップロード
        フロー= layui.flowと、
    form.render();

    form.on( '提出(btn_submit)'、関数(OBJ){
       
        VARのgetName = JSON.stringify(layui.formSelects.value( 'select_base_cityname' '名前')); //取值名数组
        /*layer.msg( "あなたの選択がある:" +のgetName、オフセット{ '150ピクセルによって'、アイコン:. 1、時間:5000}、関数(){                  
        }); * /
        layer.msg(「あなたの選択値:「+のgetName);
    });

});

 

おすすめ

転載: www.cnblogs.com/hhthtt/p/11300534.html