IE7 and updating a hidden select field not working

Question

I have a form that runs a calculation based on what's entered in another field. This works fine in everything except IE7 which I have to support for this project.

I've run some tests and everything appears to trigger up until the point that the jquery tried to change the state of select field.

I'm using the following line that IE7 is dying on:

$('#selectField').val("someval").change();

Any help is appreciated.

See [this question](http://stackoverflow.com/questions/208471/getting-jquery-to-recognise-change-in-ie) and this [answer](http://stackoverflow.com/a/1080243/930917). — naththedeveloper, Oct 02 '13 at 11:41
If you make that an answer I can mark it as the accepted one. — Steve de Niese, Nov 18 '13 at 23:55

score 0 · Answer 1 · answered Oct 02 '13 at 12:18

Depending on the jQuery version you're using, try this way:

$('#selectField').prop("value", "someval");

If it still doesn't work, try this:

$('#selectField').attr("value", "someval");

The .val() should work just fine, but for reasons unknown (or just IE7 knows) it just doesn't work.

score 0 · Answer 2 · answered Oct 02 '13 at 12:36

It's because select field has options that have selected property.

This should work:

var newOptionValue = 'option5';
$('select[id="selectField"]').find('option[value="' + newOptionValue + '"]').attr("selected", true);
$('select[id="selectField"]').trigger('change');

score 0 · Accepted Answer · edited May 23 '17 at 12:05

0

The solution here as per this thread:

Try using .click instead of .change

edited May 23 '17 at 12:05

Community

1
1

answered Feb 10 '14 at 06:21

Steve de Niese

964
2
10
18

IE7 and updating a hidden select field not working

3 Answers3