js中对html中select元素的取值

最新推荐文章于 2022-06-04 10:01:20 发布
最新推荐文章于 2022-06-04 10:01:20 发布
阅读量3.3k 收藏
点赞数 1
分类专栏： javascript 文章标签： javascript html select
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dc_show/article/details/41120705
版权

假设html页面中有个select元素，如下描述：

<span style="font-size:14px;"><select id="se_game" name="">
  <option value="">请选择</option>
  <option value="">英雄</option>
  <option value="">Dota</option>
  <option value="">LOL</option>
  <option value="">Dota2</option>
</select></span>

取值代码为： 

<span style="font-size:14px;">var txt = $("#se_game").find("option:selected").text(),</span>

取索引为： 

<span style="font-size:14px;">var index = $("#se_game").find("option:selected").index();</span>

取value为： 

<span style="font-size:14px;">var val = $("#se_game").find("option:selected").val();</span>

参考文章：http://www.jb51.net/article/42523.htm

dc_show
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[学习心得][JavaScript][Html][Select]下拉选择框Select的使用合集
jason_56的博客
05-01 1483
一、新建一个JavaScript文件 新建一个MyJavaScript.js文件，将以下代码复制并保存。 var ddlHandler = {}; //清空objDdl中的所有项，objDdl为元素ID（下同） ddlHandler.truncate = function (objDdl) { objDdl.options.length = 0; } //清空objDdl中的所有Option（完善版） ddlHandler.optionClear = functio.
Js操作Select大全(取值、设置选中等等)； HTML中select标签单选多选详解
weixin_30817749的博客
09-23 208
Js操作Select大全(取值、设置选中等等)：参考地址：http://www.jb51.net/article/42523.htm HTML中select标签单选多选详解：http://blog.csdn.net/liyong199012/article/details/8161621 转载于:https://www.cnblogs.com/important/p/7581500....
拿到html中select下拉标签的选中值
zunguitiancheng的专栏
05-24 3383
js函数:               //获得html中下拉标签选中项         function getVal() {             var sel = document.getElementById("MySel");//拿到下拉控件             alert(sel.options[sel.selectedIndex].value);//显示下拉
html获取下拉框选中值,javascript获取select值的方法完整实例
weixin_39562338的博客
06-03 694
本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下：www.jb51.net javascript获取select值//javascript获取选中select值/*var obj = document.getElementById("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var ...
html select的事件 方法 属性
xwnxwn的专栏
09-06 1155
事件   onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activ
jQuery对html元素取值与赋值的方法
10-26
以上就是jQuery对HTML元素取值与赋值的基本操作，这些方法使得开发者能够方便地处理网页上的各种输入控件，提高开发效率。在实际应用中，还可以结合其他jQuery方法和选择器来实现更复杂的功能。
JQuery中对Select的option项的添加、删除、取值
10-26
在JavaScript的世界里，jQuery库提供了一种简洁的方式来操作DOM元素，包括处理HTML的`<select>`元素及其`<option>`子项。这篇文章将深入探讨如何使用jQuery来获取`<select>`中的选项值、文本，以及如何添加、删除和...
jquery中select多选框取值
04-12
在jQuery中，处理`<select>`元素，尤其是多选框（`<select multiple>`），是一项常见的任务。在网页开发中，我们经常需要获取用户在这些控件中选定的值，以便进行进一步的数据处理或提交到服务器。下面我们将深入...
vue.js select下拉框绑定和取值方法
10-18
我们可以在Vue实例的data选项中定义一个属性searchDto.sendSymbolId，然后将其与select元素的v-model进行绑定。具体代码如下： ```html <select id="sendSymbol" v-model="searchDto.sendSymbolId"> ...
SelecT下拉框选中和取值的解决方法
09-01
在网页开发中，`<select>`元素常用于创建下拉框，允许用户从一组预定义的选项中进行选择。在实际应用中，我们经常需要在用户选择了一个选项后，不仅在前台显示变化，还要获取选中项的值或索引。本文将详细讲解如何...
html中select在js中的操作
风落的专栏
10-28 417
<br />//添加 <br />var Select1= document.getElementById("Select1"); <br />1.Select1.options[0]=new Option('a','0'); <br />或 <br />2.Select1.options.add(new Option('a','0')); <br />其中1的options[0]，0是索引，所以好一点 <br />//获取当前的value值 <br />var www=Select1.value; <br
HTML LISTBOX例子
伴神之朱慧鹏大人成长的伙伴们
08-25 909
原文：http://hi.baidu.com/xyjh007/blog/item/0758dcf3f043221bb07ec513.html [code="html"] listbox and combobox function visitOption(){ var oSelCode=document.getElementById("selColor...
html5 option 属性值,javascript对select标签的控制(option选项/select)
weixin_33494995的博客
06-04 2741
html中的select标签，也是asp.net中的asp:DropDownList控件。javascript对它们的操作一、基础理解var e = document.getElementById("selectId");e. options= new Option("文本","值") ;//创建一个option对象,即在标签中创建一个或多个文本//options是个数组,里面可以存放多个文本这样...
javascript模拟html select元素, jselect
weixin_30628077的博客
11-08 135
　　由于主流浏览器对select元素渲染不同，所以在每种浏览器下显示也不一样，最主要的是默认情况下UI太粗糙，即使通过css加以美化也不能达到很美观的效果。这对于我们这些专注于UX的前端开发人员是无法容忍的。于是在项目不太忙的时候，就计划写一个模拟的select控件出来。接下来就把实现的细节、遇到的问题以及如何使用和大家分享一下。 　　1. 实现细节 init: function(cont...
html:select 标签的属性及方法
上帝是个程序员
09-11 2063
标签属性 属性 描述 ACCESSKEY accessKey 设置或获取对象的快捷键。 ALIGN align 设置或获取对象针对其邻接文本如何排列。 ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 canHaveChildren 获取表明对象是否可以包含子对象的值。 canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。 CLASS clas
通过JavaScript操作HTML中select标签
JavaMan_KA的专栏
04-21 888
<br />添加：<br /> Js代码function selectChange()   {         var sel=document.getElementById("select1");         Option  option = new Option("Text","Value");         sel.add(option);   }  function selectChange() { var sel=document.getElementById("select
JavaScript 学习-38.HTML DOM 下拉框 Select 对象
qq_27371025的博客
06-04 557
HTML 中的下拉列表select 对象的属性和方法获取下拉框属性
js 获取table tr td内的select 和input text
weixin_33704591的博客
03-24 1074
$("#TableList tr").each(function () { //for (var i = 1; i <= AM_index; i++) { _Drop_LocationText = $(this).find("td:first").find("select").val(); //$("#" + "Drop_Loca...
HTML中获取select的值的总结
liuyuedechuchu的博客
08-11 5219
我们无法进步的原因，往往是因为我们总是看起来很努力，但是却没有什么行动效率。 $("#selectID option[text=5]").attr("selected", "selected");//这样的获取方式不对 正确写法应该是： $("#yyt option:contains('5')").attr("selected", true); 关于option的一些写法总结，我找到了一篇很实用基础的文章，原本链接：https://www.cnblogs.com/gengaixue/archive/20
html中select
最新发布
06-03
在 HTML 中，`<select>` 元素用于创建下拉列表。可以使用 `<option>` 元素定义下拉列表中的选项。例如： ``` <select> <option value="value1">选项1</option> <option value="value2">选项2</option> <option value="value3">选项3</option> </select> ``` 上面的代码创建了一个包含三个选项的下拉列表。`<option>` 元素的 `value` 属性定义了选项的值，而元素的文本内容则是显示在下拉列表中的内容。 如果想要在下拉列表中预选中某个选项，可以在 `<select>` 元素上使用 `selected` 属性，将其设置为相应选项的值。例如： ``` <select> <option value="value1">选项1</option> <option value="value2" selected>选项2</option> <option value="value3">选项3</option> </select> ``` 上面的代码中，选项2被预选中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值