javascript - 如何在JavaScript中触发已选择选项的onclick/onchange事件

我试图获取选择选项列表中已选择选项的选项值。我怎样才能做到这一点。这是我的代码片段

$(document).ready(function(){
    $("#getCusineType").bind('click', function() {
         alert($(this).find('option:selected').val());
    });
    $("#getCusineType").bind('focusout', function() {
         alert($(this).find('option:selected').val());
    });
    function getCusineType(){
      var getCusineType = $('#getCusineType').val();
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="getCusineType" onchange="getCusineType()">
   <option value="1">Indian</option>
   <option value="2">American</option>
   <option value="3">Italian</option>
   <option value="4">General</option>
 </select>

最佳答案

如果要获取selected选项value：

var value=$("#getCusineType").val();

或text

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

如果要在change事件后获取选定的值，则应绑定change事件处理程序。

$("#getCusineType").change(function() {
   alert($(this).val());
})

console.log("Value is: "+$('#getCusineType').val());
console.log("Text is: "+$("#getCusineType option:selected").text());
$("select").click(function() {
       console.log($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="getCusineType">
         <option value="1">Indian</option>
         <option value="2">American</option>
         <option value="3">Italian</option>
         <option value="4">General</option>
</select>