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内部有一个点击事件需要给他写上,如下图:

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