天天看点

【Layui】下拉框回显

1.html

<form class="layui-form">
			<div class="layui-inline">
                <div class="layui-inline" style="width:70px">
                    <select id="selectedOption" class="layui-form-select dateSelector" name="timeunit" lay-filter="quart" name="quart" date-target="WORLD">
                        <option value="s">秒</option>
                        <option value="m">分钟</option>
                        <option value="h">小时</option>
                        <option value="d">天</option>
                    </select>
                </div>
            </div>
     	</form>
           

2.js

<script type="text/javascript">
			$.get('/admin/devData/sendqueueshowTwenty').done(function (data) {
            	var opts = document.getElementById("selectedOption");
            	var value = data.timeunit;
            	// alert("timeunit:" + value);
            	if(value !== ""){
               	 	for(var i = 0; i < opts.options.length; i++){
                    // alert("option:" + opts.options[i].value)
                    if(value === opts.options[i].value){
                        opts.options[i].selected = true;
                        // alert(opts.options[i].value);
                        layui.form.render();		//很重要,必须重新渲染,才能回显
                        break;
                    	}
                	}
            	}
       	 	})
		</script>