2024年6月14日发(作者：)

HTML中select标签单选多选详解

转载自：/liyong199012/article/details/8161621

select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者

收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将

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

二、Select元素还可以多选，看如下代码：

//有multiple属性，则可以多选

//下面没有multiple属性 , 只显示一条，不能多选

//下面是设置了size属性的情况 , 如果size = 3 那么就显示三条数据，注意不能

多选的。

三、 多选Select组件涉及的所有常用操作：

1.

判断select选项中是否存在指定值的Item

@param objSelectId 将要验证的目标select组件的id

@param objItemValue 将要验证是否存在的值

function isSelectItemExit(objSelectId,objItemValue) {

var objSelect = mentById(objSelectId);

var isExit = false;

if (null != objSelect && typeof(objSelect) != "undefined") {

for(var i=0;i<;i++) {

if(s[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 = mentById(objSelectId);

if (null != objSelect && typeof(objSelect) != "undefined") {

//判断是否该值的item已经在select中存在