如何觸發一個已經選擇的選項的onclick/onchange事件click in javascript

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

如果你想獲得selected選項value：

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

或text

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

如果你想獲得所選v在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>

Answer 2

簡單的方式來觸發對變化事件

$(function(){ 
     $("#getCusineType").on('change', function(){ 
     alert($(this).val()); 
     }).trigger('change'); 
    });