html中select标签单选多选用法详解.docVIP

html中select标签单选多选用法详解 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 amp;amp; 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 将要加入的item显示的内容 @param objitemvalue 将要加入的item的值 function addoneitemtoselect(objselectid,objitemtext,objitemvalue) { var objselect = document.getelementbyid(objselectid); if (null != objselect amp;amp; typeof(objselect) != undefined) { //判断是否该值的item已经在select中存在 if(isselecti