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

最新推荐文章于 2023-02-24 19:54:40 发布
最新推荐文章于 2023-02-24 19:54:40 发布
阅读量709 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjx2388/article/details/83523422
版权 
<!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" οnclick="checkselect('objsel');" value="输出">
选中的项目：<input type="text" name="output">
 </body>
</html>

 

zjx2388
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery中获取select选中值的代码
10-28
这里的`get(0)`是为了将jQuery对象转换为DOM元素，然后通过`selectedIndex`属性获取选中项的索引。注意，索引是从0开始的，所以第一个选项的索引是0。 以上是基本的jQuery操作，但实际应用中可能需要处理更复杂的...
jQuery设置和获取select、checkbox、radio的选中值方法
11-28
熟练掌握这些控件的设置和获取选中值的方法，能够显著提升开发效率。下面我们将详细讲解jQuery如何处理这三种表单元素的选中状态。 1. 设置和获取单选下拉框（select）的选中值： - 当`option`标签没有`value`属性...
select标签设置multiple属性，如何获取值
zookevin的博客
04-04 1万+
select标签通过设置multiple属性和size属性，就可以实现多选，且从下拉框变成了列表框。然而 用form提交时只能得到最后一个被选中的，然后我就临时记录了这点代码，可能对我或者他人有点作用上代码 text.html：&lt;form action="post.php" method="post"&gt; 选择年份&lt;br&gt; &lt;select id="years" na...
从多选(multiple)的select中得到所选结果
一个大龄码农的专栏
08-26 324
&lt;select name="classid" multiple&gt; &lt;option value="1"&gt;1&lt;/option&gt; &lt;option value="2"&gt;2&lt;/option&gt; &lt;option value="3&quo
获取多选下拉框（select标签设置multiple属性）的值
热门推荐
Coder Ben's Writing
09-05 1万+
&lt;select multiple&gt;不能直接获取value，需要借助该元素的options属性。如下： &lt;select id="select" multiple&gt; &lt;option value="1"&gt;1111&lt;/option&gt; &lt;option value="2"&gt;2222&lt;/op
html select 多选取值,下拉框多选实现 jquery-multiselect 并获取选中的值
weixin_33356544的博客
06-07 503
首选引入js文件Option 1Option 2Option 3Option 4Option 5Option 6Option 7下拉列表$(function(){$("#example").multiselect({height: 200,minWidth: 200,noneSelectedText: "==请选择==",checkAllText: "全选",uncheckAllText: '全不...
JS 中复选框 或者 Select多选情况下如何确定被选中？
m17130431的博客
08-22 3253
JS 中复选框 或者 Select多选情况下确定被选中并以字符串形式获取
从可多选的 HTML 下拉菜单 select 中获取所有选中的值
嬿晖的博客
05-03 2956
说明 通常使用.val()方法来获取input、select等表单元素的值 当select元素拥有multiple属性时，.val()返回包含每个选中项的值的数组 例子 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>val demo&...
js获取select标签选中值的两种方式
12-11
2. **获取选中索引**：`<select>`元素有一个`selectedIndex`属性，它表示当前选中的选项的索引，从0开始计数。 ```javascript var index = obj.selectedIndex; ``` 3. **获取选中文本**：`options`属性返回一个`...
django获取from表单multiple-select的value和id的方法
09-19
2. **Django Views 中获取选中的值**：在视图函数中，使用 `request.POST.getlist("host_list")` 来获取所有选中的 `<option>` 的值。 ```python # 在 Django 视图中 def your_view(request): if request.method =...
input+select(multiple) 实现下拉框输入值
12-08
在`select`元素中添加`multiple`属性可以让用户同时选择多个选项。 在描述中提到的方法是将一个`input`元素置于`select`元素之上，这样用户既可以输入文字，也可以点击下拉框选择已有选项。然而，当使用异步方式...
html取得多选所有数据,html – 如何使用Golang从表单中获取多选值？
weixin_39517199的博客
06-04 155
您不能/不应该使用Request.FormValue()函数,因为它只返回1个值.使用Request.Form [“new_data”],它是包含所有值的字符串片.但请注意,如果不调用r.FormValue(),则必须通过显式调用Request.ParseForm()来触发解析表单(并填充Request.Form映射).您还有一个HTML语法错误：name属性的值未关闭,请将其更改为：multip...
html下拉框 multiple,多选下拉控件的使用（select-option）multiple-select
weixin_39548787的博客
06-08 4207
多选下拉控件的使用(select-option)1、第一个组件是写bootstrap table的主人公2、第二个组件本篇中使用的是第一个控件来实现多选下拉框：首先引入支持文件multiple-select.js，multiple-select.css，multiple-select.png支持过滤，启用，禁用，分组，功能还是比较全面html片段：example:January...Decembe...
JS获取Select多选的值
开心的穷下去
07-07 786
[code="c++"] JS获取Select多选的值 DropDownList 不能多选,要多选,只能用ListBox或是HTML的select(参数加个multiple) Script 代码 function Test() { o = document.getElementById("lbTest")...
怎样从可多选的 HTML 的 select multiple 标记中得到所有结果?
jxufewbt的专栏
04-06 2523
怎样从可多选的  HTML  的  select  multiple  标记中得到所有结果?  我要在下一个页面得到这些结果。  ---------------------------------------------------------------   Form不会自动帮你提交   自己扩展吧    function  submitAll(oThis)  {             var
Jquery获得select以及multiple下拉多选框的值
weixin_38440455的博客
08-02 6009
var sel = $('#system_id').val(); alert(sel); 运行页面的话，选择的值已经会显示出来了。 system_id是选择框的name属性
jquery--select获取选中的option(类型为multiple，使用val()方法)，并更改form表单input内容
杰儿__er 的博客
02-24 916
jquery--select获取选中的option(类型为multiple，使用val()方法)，并更改form表单input内容
jquery获取页面中多个 select 组件选中的值
最新发布
05-27
注意，由于 select 元素有多选和单选两种模式，如果要获取所有选中项的值，需要将 select 元素的 `multiple` 属性设置为 `true`。另外，`map()` 方法会返回一个包含所有选中项的值的数组，可以通过 `get()` 方法将其...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值