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?

Related: [Getting value of select (dropdown) before change](http://stackoverflow.com/questions/4076770/getting-value-of-select-dropdown-before-change) — Vidya Sagar, Aug 11 '15 at 06:22

Vibhesh Kaul · Accepted Answer · 2020-05-18T07:22:08.643

4

Do it on click

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

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

edited May 18 '20 at 07:22

answered Aug 11 '15 at 06:24

Vibhesh Kaul

2,593
1
21
38

Simple and violent solution! – iplus26 Aug 11 '15 at 06:33
2

so when you use click event it wont allow you to select. check this jsfiddelhttp://jsfiddle.net/58phdcj0/ – Roli Agrawal Aug 11 '15 at 06:47
@MazzCris he can put a condition to check weather the value is selected or not and submit on the fullfilling the desired condition. I don't think it'd be that difficult. – Vibhesh Kaul Aug 11 '15 at 06:47
1

In Firefox this call the function immediately, before having selected an option – Ken Feb 14 '20 at 14:28

score 2 · Answer 2 · answered Aug 11 '15 at 06:25

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');
     }
});

answered Aug 11 '15 at 06:25

dpanshu

453
3
14

I don't see how this would work, unless the assignment on line #7 is meant to be a comparison. – Jezen Thomas Sep 04 '16 at 07:38

score 2 · Answer 3 · edited May 23 '17 at 11:58

2

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

edited May 23 '17 at 11:58

Community

1
1

answered Aug 11 '15 at 06:27

Guruprasad J Rao

29,410
14
101
200

Not working in Edge, Chrome 2023. – BestCoderBoy Jul 24 '23 at 11:55

score 0 · Answer 4 · answered May 23 '18 at 09:34

@Vibhesh Kaul solution worked for me on windows, but not for my client who is on a mac.

This is my solution:

var previous_value = '';
$(document).on('click', 'select#hall', function () {
  // click on select
  if(previous_value == '') {
    previous_value = $(this).val();
  }
  // click on option, check if same value is chosen
  else if($(this).val() == previous_value) {
    // trigger a change
    $(this).trigger('change');
  }
});

$(document).on('blur', 'select#hall', function () {
  // reset the previous value of the select
  previous_value = '';
});

$(document).on('change', 'select#hall', function () {
  alert('test example');
});

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

4 Answers4