正文

多選下拉框

發(fā)布時(shí)間：2023-04-18 18:16:14 稿源：創(chuàng)意嶺閱讀： 120

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于多選下拉框的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、如何在jsp文件中獲得多選下拉框的值
2、EXCEL下拉菜單設(shè)置成多項(xiàng)選擇一個(gè)單元格里面可以多選幾個(gè)下拉菜單里面的選項(xiàng)
3、如何用javascript實(shí)現(xiàn)多選下拉框
4、怎么讓下拉框SELECT多選？

多選下拉框

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

方法：獲取多選下拉框?qū)ο髷?shù)組→循環(huán)判斷option選項(xiàng)的selected屬性（true為選中，false為未選中）→使用value屬性取出選中項(xiàng)的值。實(shí)例演示如下：

1、HTML結(jié)構(gòu)

<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下拉菜單設(shè)置成多項(xiàng)選擇一個(gè)單元格里面可以多選幾個(gè)下拉菜單里面的選項(xiàng)

制作一級(jí)菜單：

以選擇性別為例，制作有男、女選項(xiàng)的下拉菜單：

選中“性別”數(shù)據(jù)區(qū)域；

執(zhí)行“數(shù)據(jù)/有效性”命令，打開(kāi)“數(shù)據(jù)有效性”對(duì)話框；

單擊“設(shè)置”選項(xiàng)卡，在“允許”欄選擇“序列”，“來(lái)源”中輸入“男，女”（不含引號(hào)，用英文單引號(hào)分隔）；

單擊“確定”按鈕。

“在下拉菜單中選擇一個(gè)值之后能同時(shí)在另一個(gè)單元格里對(duì)應(yīng)出一個(gè)數(shù)值或是文字”，這要根據(jù)實(shí)際情況再加工的哦！

制作二級(jí)下拉菜單：

設(shè)置“數(shù)據(jù)”表

A列 B列

部門員工

A 張三李四

B 王二鄭大

C 劉一王五

D 初一趙錢

……

命名：

選中A列，在“名稱框”中輸入“部門”，回車確認(rèn)。

選中B列，在“名稱框”中輸入“員工”，回車確認(rèn)。

（名稱框位置：“名稱框”在標(biāo)題欄、工具欄下方的空白域，就是當(dāng)你的鼠標(biāo)放在任一單元格時(shí)，在表格的上方一欄都會(huì)顯示“A-Z多少列”空白區(qū)，當(dāng)你的鼠標(biāo)放在指向上面時(shí)，就會(huì)顯示“名稱框”。）

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

制作一級(jí)下拉菜單

選中A1：B1單元格區(qū)域；

執(zhí)行“數(shù)據(jù)/有效性”命令，打開(kāi)“數(shù)據(jù)有效性”對(duì)話框；

在“設(shè)置”選項(xiàng)卡下，“允許”選擇“序列”、“來(lái)源”中輸入“部門，員工”（不含引號(hào)，用英文逗號(hào)分隔）；

選中“忽略空值”、“提供下拉箭頭”，單擊“確定”按鈕，完成一級(jí)下拉菜單制作。

此時(shí)在A1、B1中，單擊右側(cè)的下拉按鈕進(jìn)行選擇輸入。

制作二級(jí)下拉菜單

從A2單元格起向下選中單元格區(qū)域；

執(zhí)行“數(shù)據(jù)/有效性”命令，打開(kāi)“數(shù)據(jù)有效性”對(duì)話框；

在“設(shè)置”中，“允許”選擇“序列”、“來(lái)源”中輸入公式“=INDIRECT(A$1)”； (注：OFFICE2007與以前的版本不一樣)

選中“忽略空值”、“提供下拉箭頭”，單擊“確定”按鈕，完成“部門”的二級(jí)菜單制作。

同法制作“員工”的二級(jí)菜單。此時(shí)“來(lái)源”中輸入公式“=INDIRECT(B$1)”。

此時(shí)在部門、員工下面的單元格中，單擊右側(cè)的下拉按鈕進(jìn)行“部門”、“員工”的選擇輸入。

三、如何用javascript實(shí)現(xiàn)多選下拉框

<!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>