layui下拉框自動選中某項

 Layui 設置select下拉框自動選中某項的方法:

1.html部分

<div class="layui-input-block">
            <select name="productlistId" id="product_class" lay-verify="required">
                <option value=""></option>
                <option value="0">北京</option>
                <option value="1">上海</option>
                <option value="2">廣州</option>
                <option value="3">深圳</option>
                <option value="4">杭州</option>
            </select>
        </div>

2.js部分:

  var productListId = data.data[0].productListId;

  //$('#product_class').val(productListId);無效
//$("#product_class").find("option[value='+productListId+']").attr('selected','select');無效
//這樣才正確
  var select = 'dd[lay-value=' + productListId + ']';
  $('#product_class').siblings("div.layui-form-select").find('dl').find(select).click();

原因是layui內部有一個點擊事件需要給他寫上,如下圖:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章