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

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

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

2、t;optionvalue=audiaudi</option</select其中，</option标签可以省掉，在页面中用法代码如下:　　<selectname=studycenterid=studycentersize=1<optionvalue=0全部<optionvalue=1湖北电大网络学习中心<optionvalue=2成都师范学院网络学习中心<optionvalue=3武汉职业技术学院网络学习中心2016全新精品资料-全新公文范文-全程指导写作–独家

3、原创12/12★精品文档★</select二、select元素还可以多选，看如下代码：代码如下:　　//有multiple属性，则可以多选<selectname=“education”id=”education”multiple=”multiple”<optionvalue=”1”高中</option<optionvalue=”2”大学</option<optionvalue=”3”博士</option</select//下面没有multiple属性,只显

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

5、e=0小学</option<optionvalue=1初中</option<option2016全新精品资料-全新公文范文-全程指导写作–独家原创12/12★精品文档★value=2高中</option<optionvalue=3中专</option<optionvalue=4大专</option<optionvalue=5本科</option<optionvalue=6研究生</option<optionvalue=7博士&

6、lt;/option<optionvalue=8博士后</option<optionselected请选择</option</select三、多选select组件涉及的所有常用操作：1.判断select选项中是否存在指定值的item代码如下:　　@paramobjselectid将要验证的目标select组件的id@paramobjitemvalue将要验证是否存在的值functionisselectitemexit(objselectid,objitemvalue){varob

7、jselect=document.getelementbyid(objselectid);varisexit=false;if(null!=objselect&&typeof(objselect)!=undefined){for(vari=0;i<objselect.options.length;i++)2016全新精品资料-全新公文范文-全程指导写作–独家原创12/12★精品文档★{if(objselect.options[i].value==objitemvalue){isexit=

8、true;break;}}}returnisexit;}2.向select选项中加入一个item代码如下:　　@paramobjselectid将要加入item的目标select组件的id@paramobjitemtext将要加入的item显示的内容@paramobjitemvalue将要加入的item的值functionaddoneitemtoselect(objselectid,objitemt