1. 程式人生 > >layui下拉框賦值

layui下拉框賦值

tis str btn conf gin category ext bar borde

layui下拉框賦值

原創 2017年11月08日 18:45:39

1、定義下拉框

<div class="layui-input-block  layui-form" lay-filter="selFilter">
     <select id="sel" lay-verify="required" >
            <option value="">請選擇</option>
             <option value="A">選項A</option>
             <option value="B">選項B</option>
     </select>
   </div>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

2、設置默認值:$(“#sel”).val(“B”);
3、渲染:form.render(‘select’,’selFilter’);
註:局部刷新需要使用lay-filter,並且設置class=”layui-form”

  1. var category = 0;
  2. var categoryName = ‘‘;
  3. form.on(‘select(
    selFilter
    )‘, function (data) {
  4. category = data.value;
  5. categoryName = data.elem[data.elem.selectedIndex].text;
  6. form.render(‘select‘);
  7. });

layui下拉框賦值