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

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

demo.jsp文件


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

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

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

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

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

JavaScript中有一个change事件

JavaScript代码


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

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

上一篇:Ajax跨域实现淘宝/百度搜索下拉提示效果


下一篇:uitableview 和UISearchBar 下拉提示结合使用