快捷導(dǎo)航

JS 獲取select(多選下拉)中所選值的示例代碼

更新時間：2013年08月02日 15:54:54 作者：

通過js獲取select(多選下拉)中所選值，具體實現(xiàn)如下，有需要的朋友可以參考下，希望對大家有所幫助

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
</head> 
<body> 

<script language="JavaScript"> 
<!-- 
function checkselect(objname){ 
o = document.getElementById(objname); 
t = document.getElementById("output"); 
var count=0; 
var intvalue=""; 
for(i=0;i<o.length;i++){ 
if(o.options[i].selected){ 
intvalue+=o.options[i].value+","; 
count++; 
} 
} 
t.value=intvalue.substr(0,intvalue.length-1); 
alert(count); 

} 
//--> 
</script> 
<select name="objsel" size=8 multiple> 
<option value="0" selected>請選擇 
<option value="1">測試一 
<option value="2">測試二 
<option value="3">測試三 
<option value="4">測試四 
<option value="5">測試五 
</select> 
<input type="button" onclick="checkselect('objsel');" value="輸出"> 
選中的項目：<input type="text" name="output"> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

js實現(xiàn)div色塊碰撞
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)div色塊碰撞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
在JavaScript中終止forEach循環(huán)的三種方式
如何終止forEach循環(huán)這個問題估計會難倒一部分同學(xué),甚至?xí)腥朔磫?forEach循環(huán)在JavaScript中能終止嗎？本文小編給大家介紹了三種方式可以終止forEach循環(huán),需要的朋友可以參考下
2023-11-11
微信小程序?qū)崿F(xiàn)日期范圍選擇
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期范圍選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
JS正則中的RegExp對象對象
JavaScript提供了一個RegExp對象來完成有關(guān)正則表達(dá)式的操作和功能，每一條正則表達(dá)式模式對應(yīng)一個RegExp實例
2012-11-11
JavaScript實現(xiàn)九宮格移動拼圖游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)九宮格移動拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)
數(shù)獨游戲非常流行,其規(guī)則就是1到9數(shù)字填入9*9宮格并要求每一行、每一列、每一個粗線(小型)宮內(nèi)的數(shù)字不重復(fù),對此我們來看一下JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)
2016-06-06
鼠標(biāo)放在圖片上顯示大圖的JS代碼
將圖片查詢出來之后，還需要加一個查看大圖的功能，于是就用js寫了一個方法，然后在image的onmouseover事件中調(diào)用此方法，這樣在鼠標(biāo)懸浮在小圖上面的時候，其大圖就會自動的顯示出來。
2013-03-03
基于input框覆蓋掉數(shù)字英文的實例講解
下面小編就為大家?guī)硪黄趇nput框覆蓋掉數(shù)字英文的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
Three.js中實現(xiàn)Bloom效果及完整示例
這篇文章主要為大家介紹了Three.js中實現(xiàn)Bloom效果及完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
javascript如何合并多層級數(shù)組
這篇文章主要介紹了javascript如何合并多層級數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01