正文

多選下拉框

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

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

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

只需要輸入關鍵詞，就能返回你想要的內容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

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

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

本文目錄:

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

多選下拉框

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

方法：獲取多選下拉框對象數(shù)組→循環(huán)判斷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下拉菜單設置成多項選擇一個單元格里面可以多選幾個下拉菜單里面的選項

制作一級菜單：

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

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

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

單擊“設置”選項卡，在“允許”欄選擇“序列”，“來源”中輸入“男，女”（不含引號，用英文單引號分隔）；

單擊“確定”按鈕。

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

制作二級下拉菜單：

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

A列 B列

部門員工

A 張三李四

B 王二鄭大

C 劉一王五

D 初一趙錢

……

命名：

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

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

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

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

制作一級下拉菜單

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

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

在“設置”選項卡下，“允許”選擇“序列”、“來源”中輸入“部門，員工”（不含引號，用英文逗號分隔）；

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

此時在A1、B1中，單擊右側的下拉按鈕進行選擇輸入。

制作二級下拉菜單

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

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

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

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

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

此時在部門、員工下面的單元格中，單擊右側的下拉按鈕進行“部門”、“員工”的選擇輸入。

三、如何用javascript實現(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>