美文网首页
js获取select中的value值和文本值

js获取select中的value值和文本值

作者: OSong | 来源:发表于2019-11-19 17:10 被阅读0次

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
    本文链接:https://blog.csdn.net/wilson_m/article/details/81877016
    <select id="testSelect">
    <option value ="zhangsan">张三</option>
    <option value ="lisi">李四</option>
    <option value="wanger">王二</option>
    </select>

    如上所示的select标签,通过js获取option的value值(zhangsan)与option值(张三),方法如下:

    //js获取select标签选中的值
    var obj = document.getElementByIdx_x(”testSelect”); //定位id

    var index = obj.selectedIndex; // 选中索引

    var text = obj.options[index].text; // 选中文本 输出张三等汉字信息

    var value = obj.options[index].value; // 选中值 输出zhangsan等英文信息

    //jQuery中获得选中select值
    var options=$("#groupItem option:selected");
    options.val(); //拿到选中项的值
    options.text(); //拿到选中项的文本

    ————————————————
    版权声明:本文为CSDN博主「wilson_m」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/wilson_m/article/details/81877016

    相关文章

      网友评论

          本文标题:js获取select中的value值和文本值

          本文链接:https://www.haomeiwen.com/subject/aakgictx.html