Answers for "jquery when option is selected"

15

on change jquery

You can apply any one approach:

$("#Input_Id").change(function(){   // 1st
    // do your code here
    // When your element is already rendered
});


$("#Input_Id").on('change', function(){    // 2nd (A)
    // do your code here
    // It will specifically called on change of your element
});

$("body").on('change', '#Input_Id', function(){    // 2nd (B)
    // do your code here
    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});
Posted by: Guest on April-26-2020
7

jquery selected option text

$("#mySelect option:selected").html();
Posted by: Guest on April-25-2020
8

select option value jquery

$("select.country").change(function(){
  var selectedCountry = $(this).children("option:selected").val();
  alert("You have selected the country - " + selectedCountry);
});
Posted by: Guest on February-19-2020
1

jquery selected option

$( "#myselect option:selected" ).val();
Posted by: Guest on July-13-2020
2

jquery option selected value

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2" selected="selected">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

<script>
  alert($( "#myselect" ).val()); //alert '2'
  //OR
  alert($( "#myselect option:selected" ).attr('value')); //alert '2'
  
  //Use this if you want to get the label and not the value
  alert($( "#myselect option:selected" ).text()); //alert 'Mrs'
</script>
Posted by: Guest on July-01-2020
0

jquery selected option value

let payment_type = $("#olca_form_submit select[name='payment_type']")
      .find(":selected")
      .val();
Posted by: Guest on June-08-2021

Code answers related to "jquery when option is selected"

Browse Popular Code Answers by Language