编程 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 相关文章推荐

xml文档转换工具，附图表例子(hta)

Nov 17 Javascript

javascript页面上使用动态时间具体实现

Mar 18 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

Mar 04 Javascript

jquery实现表格中点击相应行变色功能效果【实例代码】

May 09 Javascript

jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序

Jun 02 Javascript

使用BootStrapValidator完成前端输入验证

Sep 28 Javascript

jQuery EasyUI 页面加载等待及页面等待层

Feb 06 Javascript

React Native之TextInput组件解析示例

Aug 22 Javascript

详解webpack-dev-server的简单使用

Apr 02 Javascript

解析Json字符串的三种方法日常常用

May 02 Javascript

详解vue+axios给开发环境和生产环境配置不同的接口地址

Aug 16 Javascript

基于VSCode调试网页JavaScript代码过程详解

Jul 20 Javascript

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