select有多种问题,我集中总结分为一下3种
一.显示:
例如:
select标签上有 multiple 属性表示可以多选,如果不多选而是单选,直接去掉该属性,可以通过style="width:xx;high:xx;"来控制select的大小
二.选择:
首先定义一个变量
var selectObj = document.getElementById('fruit');
1.没有选项的情况 selectObj.options[0] == null;
2.有选项的情况 没选中 selectObj.options.selectedIndex<0
选 中(top) selectOjb.options.selectedIndex==0
选 中(bottom)selectOjb.options.selectedIndex == selectOjb.options.length-1
三.取值,传值:
单选取值:后台直接通过request.getParameter('fruit') 就可以得到了
多选取值:
思路:1定义一个隐藏域id='hiddenFruit',2通过一个JS方法把select框中的每一个选项的值遍例取得放进隐藏域 通过"&"分开
3.后台通过request.getParameter('hiddenFruit')得到一个String串,通过String.split("&")得到一个String数组,遍例String数组,得到每一个
代码片段:
JSP:
JS:
Java String allFruit = request.getParameter('hiddenFruit');
String fruit []= allFruit.split("&");