【jQuery】 # jQuery和JSTL对select标签的操作

1. JSTL利用 <c:forEach>标签循环待选项

<select id="sel" name="sel" style="width: 180px;" class="form-control">
    <option value=""> 请选择 </option>
    <c:forEach items="${list}" var="var">
		<option id="op_${var.id }" value="${var.id }" <c:if test="${var.id == orgId}">selected</c:if>>${var.name }</option>
	</c:forEach>
</select>

<!-- orgId 为后台传递过来的数据 -->

 

2. jQuery给select的<option>添加事件

要注意的是，<option>本身并没有触发事件方法，所以就换一种思路，利用 <select> 标签的 onchange事件给option添加点击事件

<select id="sel">
    <option value="">请选择</option>
    <option value="123">123</option>
    <option value="456">456</option>
</select>


<!-- jq代码 -->
$("#sel").change(function(){
    $(this).children('option:selected').val();          // option的value值
})