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

Question

我正在尝试获取选择列表中已选择选项的选项值。我怎样才能使它成为可能。这是我的代码片段

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

Answer 1

如果您想获取选定的选项值:

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

或文本

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

如果您想在 change 事件后获取选定的值，您应该绑定(bind)一个 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>