如何获得select被选中option的value和text

原创 2018年04月17日 10:46:31

如何获得select被选中option的value和text

一:JavaScript原生的方法

1:拿到select对象: var myselect=document.getElementById(“test”);

2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselect.options[index].value;

4:拿到选中项options的text: myselect.options[index].text;

二:jQuery方法(前提是已经加载了jquery库)

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wangyingjie290107/article/details/79971478

如何获得select被选中option的value和text和......

我想获取select选中的value,或者text,或者……比如这个: 第一个option 第二个option 一:J...
  • ityang521
  • ityang521
  • 2017-04-17 23:06:07
  • 20926

jQuery操作Select获取被选中的Text和Value

jQuery代码: $("#provinces-list").on("change", function() { var pid = $(this).val(); var pTxt =...
  • miao0967020148
  • miao0967020148
  • 2016-04-17 21:02:31
  • 560

Vue.js获取被选择的option的value和text值

1.获取option的value的值,watch option 控件时,或自动获取option的value的值。2.获取被选中的option的text的值时,使用:$("#optionID ...
  • jiangxianghui007
  • jiangxianghui007
  • 2018-03-20 09:58:06
  • 251

js根据select-option的value或者text来选中....等知识点更新

1、js根据select-option的value或者text来选中: html: 律师 监护人 亲友 其他 js将option选中的代码: $(function(){ ...
  • qq_30337695
  • qq_30337695
  • 2016-04-12 16:40:53
  • 7853

JavaScript获取Select下拉框Option的Value和Text值的方法

JavaScript获取Select下拉框Option的Value和Text值的方法 标签:列表框 更新时间:2014-03-28 Js获取select下拉列表框各个Option的Value值相...
  • mobingdetong
  • mobingdetong
  • 2015-12-01 10:34:41
  • 2295

jquery select option 根据value值获取text文本,option中间的文本

var opts= $("#yourid").find("option:selected").text();
  • sinat_21946155
  • sinat_21946155
  • 2016-04-12 11:08:44
  • 2051

jQuery设置Select选择的 Text和Value

语法解释:  复制代码代码如下: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 ...
  • scholar_man
  • scholar_man
  • 2015-02-28 18:08:26
  • 1809

下拉列表select动态添加option和获取选中的option的值和value

分别用两种方法动态添加option: 方法一:JS方法添加 1、创建select标签 var select = documnet.createElement('select'); 2、给sel...
  • u011498933
  • u011498933
  • 2017-11-03 16:06:57
  • 823

JQuery__jquery控制select的text/value值为选中状态

每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。  比如  1、设置value为“全部“的项选中  复制代码代码如下: $(".selector...
  • u010003835
  • u010003835
  • 2015-12-21 15:27:56
  • 2221

在多选情况下,动态获取动态的select的option的text值

param["siteidname"] = "\""+ $('button[data-id="siteid"]').attr("title")+"\"";
  • qq_25391785
  • qq_25391785
  • 2017-04-14 15:33:36
  • 371
收藏助手
不良信息举报
您举报文章:如何获得select被选中option的value和text
举报原因:
原因补充:

(最多只允许输入30个字)