Changing option in dropdown via Javascript issue

Question

I'm trying to change the options in a dropdown menu via a script - however nothing seems to happen. No errors either.

Here is the script:

javascript:
var objDropDownMenuName = document.getElementsByName("jjoprs")[0];
function writeText(form) {
    $(objDropDownMenuName.options[1]).selected = true;
    $(objDropDownMenuName).change();
}
writeText(this.form);

Here is the html of the form:

<select name='jjoprs' class='select2'>
                          <option value='NULL' selected> </option>
                          <option value='1060'>Sofi, Laco</option>
<option value='5160'>Vandrlka, Edo</option>
                             </select>

Thanks!

Edit: I am executing this script in IE8

Offtopic, but it would be better to give the select an ID and use document.getElementById('idHere'), its much more efficient to select things by ID — Martijn
– Martijn, Commented Sep 30, 2013 at 18:10

Martijn · Accepted Answer · 2013-09-30 18:20:42Z

1

function writeText(form) {
    objDropDownMenuName.options[1].selected = true;
    $(objDropDownMenuName).change();
}

The jQuery selector isnt needed to set an option selected

Since you have jQuery:

 function writeText(form) {
     $('select[name="jjoprs"]')
         .find('options:nth-child(2)').attr('selected',true)
         .closest('form').submit();
  }

edited Sep 30, 2013 at 18:20

answered Sep 30, 2013 at 18:02

Martijn

16.2k4 gold badges39 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

pufAmuf Over a year ago

Hi Martijn, if I don't use the .change function, the data is not saved in our system.

Martijn Over a year ago

I've uncommented it again :) Thought you might've added it to make the select change.

pufAmuf Over a year ago

Thanks, but nothing happens in this case either. @Kolink version works, however I can't get it to save.

Martijn Over a year ago

jsfiddle.net/FadXB this does exactly what you ask :) I understand you want the form to submit afterwards?

pufAmuf Over a year ago

Hey Martin.... your original script worked ;) The second one did not. The reason why your original script didn't work for me originally was because I forgot to execute writeText(this.form); at the end. Sorry for the trouble!

|

Niet the Dark Absol · Accepted Answer · 2013-09-30 17:58:59Z

1

Try using the correct method:

var sel = document.getElementsByName('jjoprs')[0];
sel.selectedIndex = 1;

answered Sep 30, 2013 at 17:58

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

2 Comments

pufAmuf Over a year ago

Thanks, however I get an error when I try to run this sel.change();

Niet the Dark Absol Over a year ago

That's because sel is not a jQuery object.

Collectives™ on Stack Overflow

Changing option in dropdown via Javascript issue

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related