複数選択ドロップダウン。そして、選択した値がテキストボックスに表示されます。

1.効果

 

 

2.対応する参照JS。

<スクリプトSRC = "〜/スクリプト/のJS / formSelects-v4.min.js"> </ SCRIPT>

 

3.HTMLパーツ

<DIV CLASS = "layui入力ブロックXC-アイコン">
     <SELECT NAME = "盛" ID = "idUserHao_Province" XMセレクト= " userHao_Province "レイフィルタ=" brickType"> </選択>
     <入力タイプ= "隠された" ID = "userHao_HidProvince" />
     の<input type = "隠れた" ID = "userHao_HidProvinceName" />
</ div>

4.マルチプルダウン結合データから選択

VaRのformSelects =のlayui.formSelects。

州（ "idUserHao_Province"、 ""、1）;

省機能（ID、コード、レベル）{
$アヤックス（{
URL： "/マップ/ GetAreaByParent1"、
種類： "POST"、
非同期：falseに、/ * * /非同期使用しないでください。
データ：{ParentCode：コード}、
成功：機能（データ）{
; [0] VAR select_sheng = $（ "＃" + ID + ""）
のために（I = 0;私は<data.model.length;私は++）{
   OPT =新新Option-（data.model [ I] .areaname、data.model [I] .areacode）;
   select_sheng.options.add（OPT）;
}
//複数の選択ドロップダウンボックス表示をレンダリングしないインタフェースをレンダリングする。
formSelects.render（）;
}
} ）;
};

5. [/反転選択イベント

    formSelects.on（ ' userHao_Province '、関数（ID、ヴァルス、ヴァル、isAdd、isDisabled）{

 

  }

6.表示値を設定する。HaoProvinceArrが配列です。

formSelects.value（ " userHao_Province "、haoProvinceArr、真の）;