Jquery在更改时获取选项的文本值

时间:2012-03-21 10:21:55

标签: javascript jquery

我有这样的代码:

<select name="caffe" id="caffe">
     <option value="5">Red</option>
     <option value="6">nmfxnsdnx</option>
</select>
<div id="gll_select">
     <script>
         var caffe = $("#caffe").val();
         var cff_name = $("#caffe option:first").text();
         $("#gll_select").load("http://localhost/010/form/galleries", {id : caffe}, function(){                 
        $("#gll").on('change', function(){
        var cff_name  = $("#caffe").text();
        get_gallery(cff_name);
        console.log(cff_name);
}); 
});  
     </script>
</div>

如何获取已选择的选项的文本值?

2 个答案:

答案 0 :(得分:9)

更改此行:

var cff_name  = $("#caffe").text();

对此:

var cff_name = $("#caffe option:selected").text();

这使用:selected选择器查找所选的选项,然后获取该文本的文本,而不是获取整个select元素的文本。

答案 1 :(得分:1)

$('#caffe option:selected').text();

会为你做的; - )