HTML中select标签单选多选详解

您所在的位置:网站首页 select的size属性 HTML中select标签单选多选详解

HTML中select标签单选多选详解

2024-06-26 13:11| 来源: 网络整理| 查看: 265

select 元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性。

一、基本用法:

  Volvo

  Saab

  Opel

  Audi

其中,标签可以省掉,在页面中用法

           全部

           湖北电大网络学习中心

           成都师范学院网络学习中心

           武汉职业技术学院网络学习中心

  

二、Select元素还可以多选,看如下代码:

//有multiple属性,则可以多选        高中        大学        博士 //下面没有multiple属性 , 只显示一条,不能多选        高中        大学        博士 //下面是设置了size属性的情况 , 如果size = 3 那么就显示三条数据,注意不能多选的。          小学          初中          高中          中专          大专          本科          研究生          博士          博士后          请选择

 

三、 多选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;i



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3