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

《html中select标签单选多选用法详解_1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、★精品文档★HTML中select标签单选多选用法详解　　select元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将<select表单数据提交给服务器时包括name属性。一、基本用法：代码如下:　　<select<optionvalue=“volvo”Volvo</option<optionvalue=“saab”Saab</option<optionvalue=“opel”Opel</option<option

2、value=“audi”Audi</option</select其中，</option标签可以省掉，在页面中用法代码如下:　　<SELECTNAME=“studyCenter”id=“studyCenter”SIZE=“1”<OPTIONVALUE=“0”全部<OPTIONVALUE=“1”湖北电大网络学习中心<OPTIONVALUE=“2”成都师范学院网络学习中心<OPTIONVALUE=“3”武汉职业技术学院网络学习中心2016全新精品资料-全新公文范文-全程指导写作–独家原创12/12★精品文档

3、★</SELECT二、Select元素还可以多选，看如下代码：代码如下:　　//有multiple属性，则可以多选<selectname=“education”id=”education”multiple=”multiple”<optionvalue=”1”高中</option<optionvalue=”2”大学</option<optionvalue=”3”博士</option</select//下面没有multiple属性,只显示一条，不能多选<selectname=“educatio

4、n”id=”education”<optionvalue=”1”高中</option<optionvalue=”2”大学</option<optionvalue=”3”博士</option</select//下面是设置了size属性的情况,如果size=3那么就显示三条数据，注意不能多选的。<selectname=“education”id=“education”size=‘3’<optionvalue=“0”小学</option<optionvalue=“1”初中</opti

5、on2016全新精品资料-全新公文范文-全程指导写作–独家原创12/12★精品文档★<optionvalue=“2”高中</option<optionvalue=“3”中专</option<optionvalue=“4”大专</option<optionvalue=“5”本科</option<optionvalue=“6”研究生</option<optionvalue=“7”博士</option<optionvalue=“8”博士后</option<optio

6、nselected请选择</option</select三、多选Select组件涉及的所有常用操作：1.判断select选项中是否存在指定值的Item代码如下:　　@paramobjSelectId将要验证的目标select组件的id@paramobjItemValue将要验证是否存在的值functionisSelectItemExit(objSelectId,objItemValue){varobjSelect=document.getElementById(objSelectId);varisExit=false;if(null!=

7、objSelect&&typeof(objSelect)!=“undefined”){2016全新精品资料-全新公文范文-全程指导写作–独家原创12/12★精品文档★for(vari=0;i<objSelect.options.length;i++){if(objSelect.options[i].value==objItemValue){isExit=true;break;}}}returnisExit;}2.向select选项中加入一个Item代码如下:　　@paramobjSelectId将要加入item的目标selec

8、t组件的id@paramobjItemText将要加入的item显示的内容@paramobjItemValue将要加入的i