一下列表构造时候 默认有两个参数是看不到的实际确实存在 text 和value
text:是可以在页面看到的文字的值
value:为隐藏的参数一般用来匹配和存储数据库
<select id="select" name="type">
<option value="">请选择</option>
<option value="1">事故1</option>
<option value="2">事故2</option>
<option value="3">事故3</option>
</select>
一下是经常用的一些多下拉选的操作:
获取选中的文字信息:var text=$("#select").val();
获取选中的value值:var value =$("#select").find("option:selected").val();
为Select追加一个Option(下拉项)(注意这里是增加到最后一个选项): $(“#select”).append(“新增option“);
为 下拉选插入一个选项option(注意这里是插入到第一个位置):$(“#select_id”).prepend(“请选择“);
页面初始化的赋值(根据text的值对下拉选赋值,这个值可以根据后端传递的参数动态的获取):$("#select").find("option[text='事故2']").attr("Selected",true);
页面的初始化赋值(根据value的值,一般来时是根据这个值来动态设置下拉选的显示问题):$("#select").find("option"[value='1']).attr("Selected",true);
赋值(一般写法)("#select").val(这里直接传入value的值页面就可以显示出来对应的text细腻);
layui中使用下面的两个都可以,但是需要加上最后的重新渲染的 方法
$(".exceptRemak").find("option[value='掉棒事故']").attr("selected",true);//这个可以,
// $("#exceptRemak").find("option[value='掉棒事故']").prop("selected", true);//这个也可以
layui.form.render("select"); //重新渲染 固定写法