layui框架下如何给select的option选项赋值
html代码:
<select id="office" lay-filter="filter" class="layui-anim layui-anim-upbit ddl_Style" name="office" onchange="SubmitClick()" autocomplete="off" lay-search=""> <option value="">---请输⼊或选择内容</option>
<c:forEach items="${enterpriseList}" var="var">
<option value="${priseName}">${priseName}</option>
</c:forEach>
</select>
js代码(为了实现layui⾃带的js相关功能,):
<script>
layui.use(['form','layer','table'], function(){
var form = layui.form;
var $ = layui.jquery;
//实现layui⽅式填充select内容
<('select(filter)', function(data){
var company = data.value; //得到被选中的值
executeQueries(company);
});
});
//实现在其他⽅法中对后台获取的值进⾏select下option的赋值
$("#office option:selected").empty(); //获得要赋值的select的id,进⾏内容清空
$("#office option:selected").append(feature.attributes.基地名称); //获得要赋值的select的id,进⾏赋值
der("select");//最终的赋值填空是依赖这句话
</script>
jquery框架使用实现选择地图内容,select内容⾃动填充对应值,效果如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论