JS获取Select多选的值
DropDownList 不能多选,要多选,只能用ListBox或是HTML的select(参数加个multiple)
Script 代码
<script language="javascript">
function Test()
{
o = document.getElementById("lbTest");
var intvalue="";
for(i=0;i<o.length;i++){
if(o.options[i].selected){
intvalue+=o.options[i].value+",";
}
}
alert( intvalue.substr(0,intvalue.length-1) );
}
</script>
HTML代码
<asp:ListBox ID="lbTest" runat="Server" SelectionMode="Multiple">
<asp:ListItem Text="11" Value="1"></asp:ListItem>
<asp:ListItem Text="22" Value="2"></asp:ListItem>
<asp:ListItem Text="33" Value="3"></asp:ListItem>
</asp:ListBox>
或是
<select name="lbTest" size=8 multiple>
<option value="0" selected>请选择
<option value="1">测试一
<option value="2">测试二
<option value="3">测试三
<option value="4">测试四
<option value="5">测试五
</select>
分享到:
相关推荐
通过js获取select(多选下拉)中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助
Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能
Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能
实际就是将element三种官方select实例整合起来,同时实现分组+多选+可搜索,此外点击一级分组名可以实现全选/全不选。供有相关需求的开发者参考 准备工作: 除了vue脚手架、element等必要包之外。该项目还用到了...
获取select下拉框的几种情况如下: 1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个option的值 $('#test option:eq
select-mania是一款jQuery下拉选择框美化插件。该插件可以将普通的下拉选择框转换漂亮的下拉选择框,并且转换后的下拉选择框带搜索功能,可通过AJAX获取数据,带多种主题,还可以自定义主题等。
通过以下任意一种方式获取angular-multi-select-tree的二进制文件。 bower install angular-multi-select-tree 或自动凉亭的风俗包括: bower install angular-multi-select-tree -save 或bower.json { ...
目前不支持单选,暂只支持多选 安装 npm i ele-tree-select -S 使用 在 main.js 中引入 import EleTreeSelect from 'ele-tree-select' import 'ele-tree-select/lib/ele-tree-select.css' Vue.use(EleTreeSelect) ...
项目开发遇到个问题,就是引入bootstrap下拉多选框进行多选的时候,用form表单提交到后台,获取不到多选的值,只能获取的选择的第一个值。 纠结了会。 jsp页面需要引入这东东~ <link rel="stylesheet" href="${...
本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...
我就废话不多说了,大家还是直接看代码吧~ $t( options=deptTree normalizer=normalizer v-model=formData.deptId select=selectDepart> // 获取当前选中部门的名称 selectDepart(val) { console
如果要从Ext.field.Select中获取缺少的代码,可以轻松扩展Ext.field.Text,并将其添加到Ux.field.Multiselect中。 usePicker配置将不起作用,因为它在平板电脑和手机上始终使用列表 用法 Ext . create ( 'Ext.form...
利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值 首先展示项目案例: 多选下拉框功能实现.gif 下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释: 引入的...
script type =" text/javascript " src =" selectmadu.min.js " > </ script > < link rel =" stylesheet " href =" selectmadu.css " > </ head > NPM 您可以使用以下命令从npm安装...
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
1.lable: 需要用到方法:@select(node,instanceId) 和 @deselect(node,instanceId) <treeselect ref=DRHA_EFaultModeTree v-model=DRHA_EFaultModeTree_value :multiple=true :options=DRHA_EFaultModeTree...
支持多选 E.将js和asp.net Web窗体独立开 属性说明: 1.MultiSelected多选择为True 2.OnOnKeyPress键盘按下时检索数据库 3.DropDownItemHeight下拉滚动条高度 支持的浏览器: IE6,IE7,FireFox 可以挡住你的...