Home/ Questions/Q 7906481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T10:59:22+00:00

JS $(document).ready(function () { $(‘#issue_no’).change(function() { alert(‘Value change to ‘ + $(this).attr(‘value’)); }); });

  • 0

JS

$(document).ready(function () {

$('#issue_no').change(function()
{
   alert('Value change to ' + $(this).attr('value'));
});

});

HTML

<select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

Doesnt seem to work. Why?
why is alert not being displayed when changing the select value.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Make sure you’re referencing jQuery:

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

    Wrap your code in a ready function:

    $(function(){
  /* Code Here */
});

    Be sure to check your id‘s and markup for correct structure:

    <select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

    Write well-formatted JavaScript for ease of readability:

    $(function(){
    $("#issue_no").on("change", function(){
        alert( this.value );
    });
});

    After all of this, it works: http://jsbin.com/obadub/edit#javascript,html

    As always, make sure you don’t have problems elsewhere on your page.

    <!DOCTYPE html>
<html>
  <head>
    <title>Alert Selected Value</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script>
    $(function(){
      $("#issue_no").on("change", function(){
        alert( this.value );
      });
    });
    </script>
  </head>
  <body>
    <select id='issue_no' name='issue_non'>
      <option value='_empty' selected='selected' style='display:none;'></option>
      <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
    </select>
  </body>
</html>
    • 0