介绍 & lt; select>
& lt;选项值=https://www.yisu.com/zixun/拔侄帧蔽侄?
萨博萨博<选项值=" ">
欧宝欧宝<选项值=" ">
<选项值=鞍碌稀?奥迪> & lt;选择NAME=皊tudyCenter"id=皊tudyCenter",大??“的在
https://www.yisu.com/zixun/& lt;选项值=" 0 ">全部
<选项值=" 1 ">湖北电大网络学习中心
<选项值=" 2 ">成都师范学院网络学习中心
<选项值=3>武汉职业技术学院网络学习中心
//有多个属性,则可以多选
& lt;选择name="教育" id="教育"多个=岸喔觥北?
https://www.yisu.com/zixun/& lt;选项值=" 1 ">高中选择
<选项值=" 2 ">大学> 博士> //下面没有多个属性,只显示一条,不能多选
<选择name="教育" id="教育">
<选项值=" 1 ">高中选择
<选项值=" 2 ">大学> 博士> //下面是设置了大小属性的情况,如果大?3那么就显示三条数据,注意不能多选的。
<选择name="教育" id="教育"大?' 3 '>
<选项值=" 0 ">小学> 初中选择
<选项值=" 2 ">高中选择
<选项值=3>中专> 大专> 本科> 研究生
<选项值=?”>博士> 博士后
<选项>请选择> @param objSelectId将要验证的目标选择组件的id
@param objItemValue将要验证是否存在的值
函数isSelectItemExit (objSelectId objItemValue) {
var objSelect=. getelementbyid (objSelectId);
var isExit=false;
如果(null !=objSelect,,typeof (objSelect) !=皍ndefined") {
我(var=0; i< objSelect.options.length;我+ +){
如果(objSelect.options[我]。值=https://www.yisu.com/zixun/=objItemValue) {
isExit=true;
打破;
}
}
}
返回isExit;
} @param objSelectId将要加入项目的目标选择组件的id
@param objItemText将要加入的项显示的内容
@param objItemValue将要加入的项的值
函数addOneItemToSelect (objSelectId objItemText objItemValue) {
var objSelect=. getelementbyid (objSelectId);
如果(null !=objSelect,,typeof (objSelect) !=皍ndefined") {//判断是否该值的项已经在选择中存在
如果(isSelectItemExit (objSelectId objItemValue)) {
美元.messager.alert(& # 39;提示消息& # 39;,& # 39;该值的选项已经存在! & # 39;,& # 39;信息# 39;);
其他}{
var varItem=新选项(objItemText objItemValue);
objSelect.options.add (varItem);
}
}
} @param objSelectId将要进行删除的目标选择组件id
函数removeSelectItemsFromSelect (objSelectId) {
var objSelect=. getelementbyid (objSelectId);
var delNum=0;
如果(null !=objSelect,,typeof (objSelect) !=皍ndefined") {
(var i=0; i< objSelect.options.length;我=+ 1){
如果(objSelect.options[我].selected) {
objSelect.options.remove(我);
delNum=delNum + 1;
我=- 1;
}
}
如果(delNum & lt;=0) {
美元.messager.alert(& # 39;提示消息& # 39;,& # 39;请选择你要删除的选项! & # 39;,& # 39;信息# 39;);
其他}{
美元.messager.alert(& # 39;提示消息& # 39;,& # 39;成功删除了& # 39;+ delNum + & # 39;个选项! & # 39;,& # 39;信息# 39;);
}
}
}
这篇文章主要介绍了在HTML中选择标签如何实现单选和多选,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
选择元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将& lt; select>表单数据提交给服务器时包括名称属性。
一,基本用法:
其中,& lt;/option>标签可以省掉,在页面中用法
二,选择元素还可以多选,看如下代码:
三,多选选择组件涉及的所有常用操作:
1。判断选择选项中是否存在指定值的项
2。向选择选项中加入一个项目
3。从选择选项中删除选中的项,支持多选多删
