关于java 获取 html select标签 下拉框 option 文本内容 隐藏域

在HTML中从多选下拉框中提取已选中选项的文本内容到后台，被这个问题难倒了。

demo.jsp文件

   
   
<select id="selecttype" name"type">
<option value="" selected="selected">请选择 </option>
<c:forEach items="${typeList}" var="typeList">
<option value="${typeList.id}">${typeList.name} </option>
<c:forEach>
</select>
  
  

如上代码，想过用设置隐藏域获取文本内容typeList.name，将隐藏域放在forEach循环内。

<input id="selecttypename" type="hidden" name="typename" value="${typeList.name}" />
  
  

后台接收typename为空值，也许遍历循环的时候把隐藏域也循环出多份了，而同一个Form表单中不能有多个相同name属性的标签。

隐藏域放哪里好呢？思考无果后开始查资料，最后找到解决方案。

JavaScript中有一个change事件

JavaScript代码

   
   
$( "#selecttype").change( function(){
$( "selecttypename").val($( "#selecttype").find( "option:selected").text());
});
  
  

当触发select框选项改变的条件，将框内选中的文本内容传递给隐藏域的value值,这样隐藏域也能随自己心意放在合适的位置了。