How to trigger the onclick / onchange event for a already selected option clicks in javascript

Question

I am trying to get option value of an already selected option in the select choice list. How can I make it possible. Here is my code snippet

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

If you want to get selected option value :

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

or text

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

If you want to get the selected value after change event, you should bind a change event handler.

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

simply way to trigger the on change event

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