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

Posted 星朝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于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值,这样隐藏域也能随自己心意放在合适的位置了。






以上是关于关于java 获取 html select标签 下拉框 option 文本内容 隐藏域的主要内容,如果未能解决你的问题,请参考以下文章

前端,关于下拉选择

关于HTML标签<select>的事件

js中创建html标签加入select下默认的option的value和text删除select元素节点下全部的OPTION节点

js获取select标签选中的值

用jquery和js获取select标签中选中的option值及文本

javascript获取select标签下的option的value求解?