编程 Javascript

JS 获取select(多选下拉)中所选值的示例代码

Posted in Javascript onAugust 02, 2013

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery插件 autoComboBox 下拉框

Dec 22 Javascript

基于JQUERY的两个ListBox子项互相调整的实现代码

May 07 Javascript

jquery $.getJSON()跨域请求

Dec 21 Javascript

同域jQuery(跨)iframe操作DOM(示例代码)

Dec 13 Javascript

jQuery实现菜单感应鼠标滑动动画效果的方法

Feb 28 Javascript

使用Javascript写的2048小游戏

Nov 25 Javascript

jQuery复制节点用法示例(clone方法)

Sep 08 Javascript

分分钟学会vue中vuex的应用（入门教程）

Sep 14 Javascript

微信小程序下拉框功能的实例代码

Nov 06 Javascript

微信小程序页面渲染实现方法

Nov 06 Javascript

vue vant Area组件使用详解

Dec 09 Javascript

vue 中this.$set 动态绑定数据的案例讲解

Jan 29 Vue.js

jQuery在html有效在jsp无效的原因及解决方法

Aug 02 #Javascript

Js日期选择自动填充到输入框(界面漂亮兼容火狐)

Aug 02 #Javascript

JS日期和时间选择控件升级版(自写)

Aug 02 #Javascript

Js日期选择器并自动加入到输入框中示例代码

Aug 02 #Javascript

js动态给table添加/删除tr的方法

Aug 02 #Javascript

JS和jquery获取各种屏幕的宽度和高度的代码

Aug 02 #Javascript

JavaScript获取/更改文本框的值的实例代码

Aug 02 #Javascript