通过js来获取select的全部值，包括id，text，value

最新推荐文章于 2020-12-15 17:18:17 发布
最新推荐文章于 2020-12-15 17:18:17 发布
阅读量6.1k 收藏 2
点赞数
分类专栏： html

<html>
<head>
<title></title>
<script type=text/javascript>
function getselect(n){
var v = '';
var t = '';
for(var i = 0; i < n.options.length; i++){
if(i==0){
t = n.options[i].id;
v = n.options[i].value;
}else{
t += ','+n.options[i].id;
v += ','+n.options[i].value;
}
}
alert(v+'|'+t);
}
</script>
</head>
<body>
<table>
<form name="form1">
<tr>
<td>
<select name="n1" id="n1">
<option value='1' id="a">项目1</option>
<option value='2' id="b">项目2</option>
<option value='3' id="c">项目3</option>
<option value='4' id="d">项目4</option>
<option value='5' id="e">项目5</option>
</select>
</td>
</tr>
<tr>
<td><a οnclick="getselect(document.form1.n1)" href="#">获取</a></td>
</tr>
</form>
</table>
<body>
</html>

高尔夫golf
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery怎么获取select的值
m0_65659549的博客
05-03 2444
记得在实际的 HTML 页面中包含 jQuery 库，否则上述代码将不会工作。元素的值可以通过几种不同的方式实现，具体取决于你想要获取的是选中的。或者其他 jQuery 选择器来定位元素。元素的实际 ID 或者类名。元素没有 ID，你可以使用类名。在 jQuery 中，获取。
JavaScript获取select中text值的方法
01-19
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考，具体如下： 别的不说,先看代码: 方法一： <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this.options[this.selectedIndex].text); > <option value=0>请选择商品分类</option> <option value=1>家电</option> <option value=2>数码</option> <optio
用js获取select所选的值
weixin_33704234的博客
09-02 114
<script type="text/javascript"> function change(obj){ var strsel = obj.options[obj.selectedIndex].text; document.getElementById("xiangmutext").value=strsel; } &l...
js 获取select的值
BlizzardWu的博客
12-15 7837
html: <select id="class_id" name="class_id"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> </select> 第一种方法： var class_id = $('#class_id').val() 第二种方法： var t = d
JavaScript获取select值，文本
ASP.NET
10-13 992
HTML CODE： $(document).ready(function(){ $("#btn").click(function(){ var t = document.getElementById("select"); alert("value：" + t.options[t.selectedIndex].value); //获取value alert("tex
js 获取select标签的value 和 text
Ren-YY 的博客
08-06 1012
给下拉框赋值：var select = $("#selectId")[0].selectize;                 select.setValue("01");                 select.getItem("01").html("北京");                 var YearSel = $("#year")[0].selectize;   
JS获取select的value和text值的简单实例
12-02
本文将详细讲解如何通过JavaScript获取`<select>`元素的`value`和`text`值，以及如何动态添加`<option>`。 首先，让我们分析一下给出的代码片段： ```html <select id="cityList"> <!-- 省略部分 --> </select> ...
获取select的value、text值的简单示例（jquery与javascript）
11-29
在使用时，请确保`<select>`元素的ID与代码中的一致，这样才能正确地获取到对应的`value`和`text`值。同时，对于大型项目，jQuery提供了一套更丰富的API，使得DOM操作更为简便；而在轻量级或性能敏感的场景下，原生...
JS获取select-option-text_value的方法
10-26
本文将详细介绍如何使用原生JavaScript和jQuery来获取`select`元素中被选`option`的`value`和`text`。 1. **原生JavaScript获取选中选项的value** 获取`select`元素中选中`option`的`value`非常简单，可以通过`...
js获取多个select下拉框选中的值
qq_38410795冰淇淋的博客
03-27 4050
js获取多个select下拉框选中的值 var electronicIds = []; $("select[name='electronicId']").each(function(j,item){ electronicIds.push(document.getElementsByTagName("select")[j].value); }); 例子： var row= "<div cla...
js获取select标签选中值的两种方式
12-11
代码如下: var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
关于js遍历list集合，获取select选中的值以及动态添加option
sfyflying的专栏
08-15 9740
1，js遍历list集合 js不能直接遍历list集合，可以在后台中将list集合封装成json格式 封装格式 JSONArray jsonArray = JSONArray.fromObject( list ); 然后在ajax中遍历json格式的数据 jQuery.each(data.list,function(i,item)){ var id=item.id; var na
JS获取select选中的value和内容
qq_38657283的博客
07-24 6244
 不说废话，直接上代码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head...
Javascript中的Form表单知识点总结
weixin_34175509的博客
05-17 451
Javascript中的Form表单知识点总结      在HTML中，表单是由form元素来表示的，但是在javascript中，表单则由HTMLFormElement类型，此元素继承了HTMLElement，因此与其他HTML元素具有相同的默认属性；HTMLFormElement有自己以下属性和方法； acceptCharset: 服务器能够处理的字符集；等价于HTML中的accept-c...
JS——表单操作及select多级联动下拉列表
偷只猫来养的博客
07-05 3133
JS——表单操作 一、获取表单元素 1、获取页面所有表单元素：document.forms 使用document.forms返回的是一个HTMLCollection数组，数组的元素是form，有多少个form就有多少个元素，每个元素是一个类数组，其中包含了当前表单中的所有元素及其对应的属性。 <form> <input type="text" /> <input type="password" /> <input t
js对 select相关操作
fzhang的专栏
07-25 1287
1.通过js 获取 html中select 所有值，选中的值，获取
javascript获取select的值全解
学习 进步
05-24 933
获取显示的汉字 document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 获取数据库中的id window.document.getElementById("bigclass").value 获取select组分配的索引id wind...
jQuery操作select下拉框的text值和value值的方法
最新发布
06-01
你可以使用 jQuery 的 `val()` 方法来获取或设置 select 下拉框的 value 值，使用 `text()` 方法来获取或设置 select 下拉框选中项的文本值。 获取选中项的 value 值： ```javascript var value = $('#selectId')....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值