Jquery получить текстовое значение опции изменения

Question

У меня есть такой код:

<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> 

Как я могу получить текстовое значение параметра, который был выбран?

Answer 1

Изменить эту строку:

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

Для этого:

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

Это использует селектор :selected, чтобы найти вариант, который выбран, а затем получает текст, что, а не получение текст всего элемента select.

Answer 2

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

бы сделать это для вас ;-)