正文

多选下拉框

发布时间：2023-04-18 18:16:14 稿源：创意岭阅读： 120

大家好！今天让创意岭的小编来大家介绍下关于多选下拉框的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

1、如何在jsp文件中获得多选下拉框的值
2、EXCEL下拉菜单设置成多项选择一个单元格里面可以多选几个下拉菜单里面的选项
3、如何用javascript实现多选下拉框
4、怎么让下拉框SELECT多选？

多选下拉框

一、如何在jsp文件中获得多选下拉框的值

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

<option value="option-A">option-A</option>

<option value="option-B">option-B</option>

<option value="option-C">option-C</option>

<option value="option-D">option-D</option>

</select>

2、javascript代码

function fun(){

var select = document.getElementById("test");

var str = [];

for(i=0;i<select.length;i++){

if(select.options[i].selected){

str.push(select[i].value);

}

alert(str);

}

二、EXCEL下拉菜单设置成多项选择一个单元格里面可以多选几个下拉菜单里面的选项

制作一级菜单：

以选择性别为例，制作有男、女选项的下拉菜单：

选中“性别”数据区域；

执行“数据/有效性”命令，打开“数据有效性”对话框；

单击“设置”选项卡，在“允许”栏选择“序列”，“来源”中输入“男，女”（不含引号，用英文单引号分隔）；

单击“确定”按钮。

“在下拉菜单中选择一个值之后能同时在另一个单元格里对应出一个数值或是文字”，这要根据实际情况再加工的哦！

制作二级下拉菜单：

设置“数据”表

A列 B列

部门员工

A 张三李四

B 王二郑大

C 刘一王五

D 初一赵钱

……

命名：

选中A列，在“名称框”中输入“部门”，回车确认。

选中B列，在“名称框”中输入“员工”，回车确认。

（名称框位置：“名称框”在标题栏、工具栏下方的空白域，就是当你的鼠标放在任一单元格时，在表格的上方一栏都会显示“A-Z多少列”空白区，当你的鼠标放在指向上面时，就会显示“名称框”。）

在“菜单”表制作下拉菜单：

制作一级下拉菜单

选中A1：B1单元格区域；

执行“数据/有效性”命令，打开“数据有效性”对话框；

在“设置”选项卡下，“允许”选择“序列”、“来源”中输入“部门，员工”（不含引号，用英文逗号分隔）；

选中“忽略空值”、“提供下拉箭头”，单击“确定”按钮，完成一级下拉菜单制作。

此时在A1、B1中，单击右侧的下拉按钮进行选择输入。

制作二级下拉菜单

从A2单元格起向下选中单元格区域；

执行“数据/有效性”命令，打开“数据有效性”对话框；

在“设置”中，“允许”选择“序列”、“来源”中输入公式“=INDIRECT(A$1)”； (注：OFFICE2007与以前的版本不一样)

选中“忽略空值”、“提供下拉箭头”，单击“确定”按钮，完成“部门”的二级菜单制作。

同法制作“员工”的二级菜单。此时“来源”中输入公式“=INDIRECT(B$1)”。

此时在部门、员工下面的单元格中，单击右侧的下拉按钮进行“部门”、“员工”的选择输入。

三、如何用javascript实现多选下拉框

<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script type="text/javascript">
	window.onload=function(){
		document.getElementById('sel').options[0].selected=true;
		document.getElementById('sel').options[1].selected=true;
		document.getElementById('sel').options[3].selected=true;
	};
</script>
</head>
<body>
	<select id="sel" multiple>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
	</select>
</body>
<html>