DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS 獲取select(多選下拉)中所選值的示例代碼
JS 獲取select(多選下拉)中所選值的示例代碼
編輯:JavaScript綜合知識     
通過js獲取select(多選下拉)中所選值,具體實現如下,有需要的朋友可以參考下,希望對大家有所幫助   復制代碼 代碼如下:


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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved