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

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

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

 
<!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>請(qǐng)選擇 
<option value="1">測(cè)試一 
<option value="2">測(cè)試二 
<option value="3">測(cè)試三 
<option value="4">測(cè)試四 
<option value="5">測(cè)試五 
</select> 
<input type="button" onclick="checkselect('objsel');" value="輸出"> 
選中的項(xiàng)目：<input type="text" name="output"> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

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