js获取select选中项的文本

最新推荐文章于 2023-06-14 11:06:31 发布
最新推荐文章于 2023-06-14 11:06:31 发布
阅读量1.6k 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Reilyyy/article/details/104504473
版权

在前后端交互的时候遇到了这个问题，要获取选中项的文本当做参数给后台发请求，也百度了一些方法，但是都是千篇一律的，我也试了都没有，最后自己乱写搞出来了，虽然也不知道搞得对不对，但是能用就行。

<body>
    <select id="coach">
        <option>医疗</option>
        <option>培训</option>
        <option>饲养</option>
        <option>保险</option>
    </select>
    <button id="get">获取</button>
    <script>
        var btn = document.getElementById("get");
        // var v = document.getElementsByTagName("select")[0].value;
        // var obj = document.getElementById("sel");
        var opts = document.getElementsByTagName("option");
        console.log(opts);
        btn.onclick = function(){
            for(let i=0;i<opts.length;i++)
            {
                if(opts[i].selected){
                    console.log(opts[i].text);
                }
            }
        }
        // var index = obj.selectedIndex;
        // var text = obj.options[index].text;
        // var value = obj.options[index].value;
        // console.log(text);
        // btn.onclick = function(){
            // for(let i=0;i<opts.length;i++)
            // {
            //     if(opts[i].selected==="selected")
            //     {
            //         console.log(opts[i].innerHTML);
            //     }
            // }
        // }
    </script>
</body>

注释掉的都是尝试了网上其他方法但是没用的。

Reilyyy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取select元素被选中的文本内容的js代码
10-26
获取select元素被选中的文本内容的方法有很多，本文为大家介绍下使用javascript来轻松实现下
jQuery取得select选择的文本与值
weixin_30591551的博客
04-08 192
jquery获取select选择的文本与值 获取select ： 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregt...
用jquery或js获取select标签中选中的option值及文本
No8g攻城狮的博客
08-03 2292
直接上代码，看着清楚： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <...
用javascript获取select元素被选中的文本内容
shinan_77的专栏
06-10 703
var sel=document.getElementById(id);//select元素的id var index=sel.selectedIndex;//获取被选中的option的索引 var textsel= sel.options[index].text;//获取相应的option的内容
vue、js onSelect事件 获取选中的值
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-26 5336
onselect属性可用于,,,,和.主要是借用event获取其值和selectionStart选中下标起始selectionEnd选中的下标结束。然后字符串截取出来。作用当文本被选中时，执行一段Javascript代码。onselect事件会在文本框中的文本被选中时发生。 vue、js onSelect事件 获取选中的值......
js获取select下拉框的value以及文本内容
weixin_40841731的博客
02-14 1627
如何获得第几个option的value值?比如我要获取第一option的value。如何获得第几个option的文本内容?比如我要获取第1个option中的文本。3.如何获得该下拉框所有的option的节点对象 (1.首先获得下拉框的节点对象；如何获得当前选中的option的文本内容？注意：得到的options是一个对象数组。如何获得当前选中的option的索引。2.如何获得当前选中的值？
js获取select标签选中的值
weixin_34174422的博客
02-12 784
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery...
js：如何获取select选中的值
热门推荐
firstcode666的博客
12-15 2万+
我想获取select选中的value，或者text，或者…… 比如这个： <select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option> </select> 一：JavaScript原生的...
如何获得select被选中option的value和text
qq_37177213的博客
04-12 3492
2：拿到选中项的索引：var index=myselect.selectedIndex;// selectedIndex代表的是你所选中项的index。1:拿到select对象： var myselect=document.getElementById(“test”);3:拿到选中项options的value： myselect.options[index].value;4:拿到选中项options的text： myselect.options[index].text;//拿到选中项的文本。
JS如何获取下拉框Select的选中值--直接附上代码（小白适用)
weixin_45889291的博客
06-14 3287
JS如何获取下拉框的选中值,全网最简洁教程，原文附上代码
js 获取select的值
BlizzardWu的博客
12-15 7676
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
js获取select标签选中值的两种方式
12-11
代码如下: var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index]....//选中的文本$(‘#testSelect option:selected’) .val();/
JavaScript获取文本框内选中文本的方法
12-10
本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下： 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。 需要注意ie的问题。 代码如下： 代码...
jquery获取select选中值的方法分析
10-23
主要介绍了jquery获取select选中值的方法,结合实例详细分析了jQuery获取select选中项option文本值及value值的方法,同时给出了JavaScript获取select选中项的技巧,需要的朋友可以参考下
前后端交互：日期数据类型
Reilyyy的博客
02-22 817
日期数据类型问题 在和后端交互的时候遇到了日期数据类型问题导致ajax请求失败的问题 解决问题时，借鉴了csdn上的这篇文章 http://blog.csdn.net/tomcat_2014/article/details/50514979 我遇到的具体问题是注册页面有生日这一项，后台给的参数类型是date，前端使用input的date属性，虽然使用date属性可以直接选年月日，并且打印出来的格式...
indexOf方法和includes方法
Reilyyy的博客
04-14 701
indexOf方法 在字符串中的应用 有隐式转换 let string = "apple1"; console.log(string.indexOf("1"));//5 console.log(string.indexOf(1));//5 未检索到返回-1 可以传入第二个参数，表示在字符串中开始检索的位置。 返回检索位置开始指定字符第一次出现的位置 在数组中的应用 没有隐式转换 let ...
js中Math的常用方法
Reilyyy的博客
04-16 551
Math对象的常用方法 Math.sign() 取符号，负数返回-1，正数返回1。0返回0，-0返回-0。 js> Math.sign(-7); -1 js> Math.sign(7); 1 js> Math.sign(0); 0 js> Math.sign(-0); -0 Math.abs() 取绝对值 js> Math.abs(-7); 7 js>...
js实现基本排序算法（二）
Reilyyy的博客
04-08 501
选择排序 选择排序，就是在一个无序数组中，一个指针i遍历从前到后所有的数组元素的下标，一个指针j在当前下标后面的位置中找到最应该放到i位置的元素，然后两两交换。 //选择排序 // 在各种情况下复杂度波动小，因此一般是优于冒泡排序 时间复杂度 O(n*n) var arr = [3,2,5,8,4,7,9,6,1]; function s...
jq select 获取选中项的文本
最新发布
07-11
使用jQuery可以通过.val()方法获取<select>元素的选中项的值，而使用.text()方法可以获取选中项的文本。 下面是一个示例代码： ```javascript var selectedText = $("#selectId option:selected").text(); ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值