获取select 中有multiple属性，获取选中的值 - 生活在爪洼岛上 - ITeye博客

`

zjx2388

浏览: 1333822 次
性别:
来自: 北京

最近访客更多访客>>

da19900

nenyalanye_1

lesliehanhan

sosoab

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

kay11： ...
JAVA生成简单的随机字符串(a-zA-Z0-9)
zhangliguoaccp：您好关于登录页面的验验证码这块怎么解决的？还有登录成功后，跳转 ...
JAVA,模拟HTTP登录
107x：不错，谢谢！
<c:foreach 循环 map
wenjin：不知楼主是不还在想请叫一下我自己开的Tomcat下载一个文件C ...
Android 下载文件及写入SD卡
zyywgf：
JSTL c标签，fn标签，fmt标签

获取select 中有multiple属性，获取选中的值

博客分类：

JavaScript

JavaScript HTML

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
 </head>

 <body>

<script language="JavaScript">
  <!--
function checkselect(objname){
	o = document.getElementById(objname);
	t = document.getElementById("output");
	var intvalue="";
	for(i=0;i<o.length;i++){   
		if(o.options[i].selected){
			intvalue+=o.options[i].value+",";
		}
	}
	t.value=intvalue.substr(0,intvalue.length-1);
}
  //-->
  </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>

分享到：

关于alter table的简单语法 | JSTL c标签，fn标签，fmt标签

2009-12-30 16:11
浏览 12936
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

js获取select标签选中值的两种方式: 2. **获取选中索引**：`<select>`元素有一个`selectedIndex`属性，它表示当前选中的选项的索引，从0开始计数。 ```javascript var index = obj.selectedIndex; ``` 3. **获取选中文本**：`options`属性返回一个`...

multiple-select-master: 当 `select` 元素在表单中时，如果启用了 `multiple`，在表单提交时，所有选中的值将以逗号分隔的字符串形式发送到服务器。如果需要以数组形式发送数据，可以使用 `FormData` API。 5. **第三方库与插件** 在实际...

layui多选下拉框样式，整套layui-select-multiple: 当用户完成选择后，可以监听“change”事件，然后通过`.val()`方法获取选中项的值，这些值通常是以逗号分隔的字符串形式返回。最后，根据压缩包子文件的文件名称“layui-select”，我们可以推测这是Layui下拉框...

zhuyongzhengs-layui-select-multiple-master.zip: 本项目“zhuyongzhengs-layui-select-multiple-master.zip”专注于layui框架下实现下拉框select组件的多选功能，并能获取选定值，这对于构建具有交互性用户界面的应用程序非常有用。 layui的select组件是其表单元素...

html中select的属性.pdf: 56. selectedIndex：设置或获取选中选项位于 select 对象中的位置。该属性控制 Select 元素的选中状态。 57. SIZE：size 设定或获取 Select 元素的大小。该属性控制 Select 元素的大小。 Select 元素的属性非常...

jquery获取当前选中下拉框的各个属性: **场景**: 假设有一个需求，需要从一个下拉框中选取值后添加到另一个下拉框中，可以通过以下方式实现： **HTML代码**: ```html <select multiple="multiple" id="select1" name="dd" style="width:100px;height:...

Js操作Select大全(取值、设置选中等等): 这里的`pxx`是要选中的`option`的`value`属性值。 ##### 2. 设置特定`text`的项为选中状态如果需要根据文本内容设置选中状态，则可以使用`find`结合`attr`方法： ```javascript $(".selector").find("option[text=...

html中select的属性[文].pdf: 33. `selectedIndex`: 设置或获取选中的`<option>`元素在列表中的索引位置。 34. `size`: 设置下拉列表在页面上显示的选项数量，如果大于1，会呈现一个多选列表的样式。以上就是`<select>`元素的一些关键属性，...

获取select元素被选中的文本内容的js代码: 然后，通过`selectedIndex`属性获取到当前选中选项的索引值。最后，通过`options[index].text`获得了用户选中的选项文本内容。需要注意的是，在实际应用中，有时用户可能没有从下拉列表中选择任何选项，或者用户...

IE8下Jquery获取select选中的值post到后台报错问题: 在非IE8浏览器中，比如Firefox、Chrome等，使用jquery获取select元素的选中值时，获取到的是字符串类型。但在IE8浏览器中，获取到的是一个数组类型，数组的第一个元素是字符串值。如果直接将这个数组POST发送到后台...

jQuery设置和获取select、checkbox、radio的选中值方法: 在多选下拉框（multiple select）中设置选中值，需要将值放入数组中传递给.val()方法，或者多次使用.prop()方法来分别设置每个选项的选中状态。例如： ```javascript $("#btn2").click(function(){ // 方法1 $("#...

select 下拉框可以多选: 首先，要实现`select`下拉框的多选功能，我们需要在`<select>`标签中添加一个`multiple`属性。这个属性告诉浏览器用户可以选取多个值。下面是一个基本的多选`select`下拉框的HTML结构示例： ```html <select ...

jquery中获取select选中值的代码: 这里的`get(0)`是为了将jQuery对象转换为DOM元素，然后通过`selectedIndex`属性获取选中项的索引。注意，索引是从0开始的，所以第一个选项的索引是0。以上是基本的jQuery操作，但实际应用中可能需要处理更复杂的...

Select Multiple Values from Combobox Using JavaScript.zip: `value`属性可以用来获取或设置当前选中的值。对于多选的`<select>`，可能需要遍历所有选项来获取所有选中值。 ```javascript var selectedValues = []; for (var i = 0; i < selectBox.options.length; i++) {...

JS 获取select(多选下拉)中所选值的示例代码: 标题中提到的“JS 获取select(多选下拉)中所选值的示例代码”，涉及到的知识点主要集中在JavaScript语言在Web前端开发中如何操作DOM元素，获取和处理用户通过多选下拉框（multiple select element）所选中的值。...

select多选 multiple的使用示例: 为了展示用户的选择，我们在页面上添加了一个文本输入框（`<input type="text" name="output">`），并编写了JavaScript函数`checkselect()`来获取用户选定的选项值，并将其显示在文本输入框中： ```javascript ...

多选列表值的移动和获取值: 在IT领域，尤其是在软件开发中，处理用户界面（UI）时，多选列表框（Multiple Select Boxes）是一种常见的组件，允许用户从多个选项中选择一个或多个值。本篇文章将深入探讨多选列表值的移动和获取，以及相关源码和...

组合element里面的select和tree实现的treeSelect选择器: 在组件中，你可以通过监听`@change`事件来处理选中状态的更新，同时利用`ref`属性获取组件实例，以便在父组件中调用方法。 4. **配置选择模式**：通过设置`props`来定义选择行为，如`multiple`用于开启多选，`...

Global site tag (gtag.js) - Google Analytics