中标签单选多选详解.docVIP

HTML中select标签单选多选详解 转载自：/liyong199012/article/details/8161621 select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 select 表单数据提交给服务器时包括 name 属性。 一、基本用法： select option value =volvoVolvo/option option value =saabSaab/option option value=opelOpel/option option value=audiAudi/option /select 其中，/option标签可以省掉，在页面中用法 SELECT NAME=studyCenter id=studyCenter SIZE=1 OPTION VALUE=0全部 OPTION VALUE=1湖北电大网络学习中心 OPTION VALUE=2成都师范学院网络学习中心 OPTION VALUE=3武汉职业技术学院网络学习中心 /SELECT 二、Select元素还可以多选，看如下代码： //有multiple属性，则可以多选select name= “education” id=”education” multiple=”multiple” option value=”1”高中/option option value=”2”大学/option option value=”3”博士/option/select//下面没有multiple属性 , 只显示一条，不能多选select name= “education” id=”education”  option value=”1”高中/option option value=”2”大学/option option value=”3”博士/option/select//下面是设置了size属性的情况 , 如果size = 3 那么就显示三条数据，注意不能多选的。select name=education id=education size=3 option value=0小学/option option value=1初中/option option value=2高中/option option value=3中专/option option value=4大专/option option value=5本科/option option value=6研究生/option option value=7博士/option option value=8博士后/option option selected请选择/option/select 三、 多选Select组件涉及的所有常用操作： 1. 判断select选项中是否存在指定值的Item @param objSelectId 将要验证的目标select组件的id @param objItemValue 将要验证是否存在的值 function isSelectItemExit(objSelectId,objItemValue) {  var objSelect = document.getElementById(objSelectId); var isExit = false;  if (null != objSelect typeof(objSelect) != undefined) { for(var i=0;iobjSelect.options.length;i++) {  if(objSelect.options[i].value == objItemValue) {  isExit = true;  break;  }  }  } return isExit;  } 2. 向select选项中加入一个Item @param objSelectId 将要加入item的目标select组件的id@param objItemText 将要加入