Vの説明:ワンボックス部門を含むユーザ情報フォームの形が、ありますが、データベースが動的にすべてのセクターをレンダリングするDEPT(部門)のテーブルを持っている、とデフォルトユーザの部門が選択しました
キーコード:
- htmlページ
< DIV クラス= "layui状項目" > < ラベルクラス= "layui状ラベル" >所属部门</ ラベル> < 入力タイプ= "隠し" 名= "deptHide" クラス= "layui入力deptHide" > <! - 中间变量- > < divのクラス= "layui入力-インライン" > < 選択名= "DEPTID" レイフィルタ= "sysBunk" ID = "DEPTID" クラス=」「DEPTID レイ検索を『=』無効> </ 選択> </ DIV > </ DIV >
[ layuiレンダリング順序は同じではありませんので、あなたは、中間変数の割り当てを使用する必要があります ]
- レンダリングを選択
.post $(" データインタフェース" 、機能(データ){ $ .each(data.data、機能(インデックス、項目){ $(' #deptId ').append(新新Option-(item.deptName、item.deptId) ); }); $(' #deptId ').val($(' .deptHide ').val()); // 部門のラジオボタンが選択されている // 再描画SELECT form.render(' SELECT ' ); } );
- フォームフォームのレンダリング
// infolistすなわちCLASS = "layui-形態"レイフィルタ要素に対応= ""に対応する値 form.val(" ユーザー情報は"、{ // フォームのエコー " XXXを":data.data.xxxを、 // 「名前」:「値」は、フォーム要素の名前である 「deptHide 」:data.data.deptId、 // 中間変数-コンポーネントの選択優先度よりも高いフォームレンダリング優先など )}; form.render( );