trigger change() even on selecting the same value for select field

Question

I've options like this

<select name="hall" id="hall">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

I'm using jquery function to submit my form

 $('#hall').change(

But when the same value is selected again, I want it to to be triggered. How can i do this?

Answer 1

Do it on click

$('#hall').on('click',function(){

   if(this.selectedIndex == -1) {
      alert('select one answer');
   }
   else{
      // do whatever you want!
   }        
});

Answer 2

Try this:

var prevVal;
$('#hall').on('focus', function (){
     prevVal=$( "#hall:selected" ).text();
});

$('#hall').on('change', function (){
     if(prevVal=$( "#hall:selected" ).text()){
          alert('same val selected');
     }
});

Answer 3

DEMO

You can do as below:

$("#hall option").on('click',function(){
    $("#hall").trigger('change');
});
$("#hall").on('change',function(){
   alert('changed'); 
});

Note : As per comment here this works well in FF but not in chrome. You can use it at your own risk