使用jQuery获取所选选项的文本 [英] Get text of the selected option with jQuery

问题描述

我有一个带有一些值的选择框。如何获取所选择的选项文本，而不是值？

 < select name =options [2]id = select_2 > 
< option value =>  - 请选择 - < / option> 
< option value =6price =0> 100< / option> 
< option value =7price =0> 125< / option> 
< option value =8price =0> 150< / option> 
< option value =9price =0> 175< / option> 
< option value =10price =0> 200< / option> 
< option value =3price =0> 25< / option> 
< option value =4price =0> 50< / option> 
< option value =5price =0> 75< / option> 
< / select> 
  

我尝试过：

 $（$）$（$）$（$）$（$）$（$（$） ＃select_2：selected）。text（）; 
 alert（val）; 
}）; 
}）; 
  

但是它回来了 undefined / p>

解决方案

关闭，您可以使用

  $（'＃select_2 option：selected'）。html（）
  

I have a select box with some values. How do I get the selected options text, not the value?

<select name="options[2]" id="select_2">
    <option value="">-- Please Select --</option>
    <option value="6" price="0">100</option>
    <option value="7" price="0">125</option>
    <option value="8" price="0">150</option>
    <option value="9" price="0">175</option>
    <option value="10" price="0">200</option>
    <option value="3" price="0">25</option>
    <option value="4" price="0">50</option>
    <option value="5" price="0">75</option>
</select>

I tried this:

$j(document).ready(function(){
    $j("select#select_2").change(function(){
        val = $j("select#select_2:selected").text();
        alert(val);
    });
});

But it's coming back with undefined.

解决方案

Close, you can use

$('#select_2 option:selected').html()

这篇关于使用jQuery获取所选选项的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！