Comments on: Javascript set selection in select element

By: Paul

Paul — Mon, 14 Sep 2009 16:43:57 +0000

Here's a generic function that doesn't use jquery in case anyone is looking for one.

function setSelect(id, val) {
elem = document.getElementById(id);
for(i = elem.length – 1; i > 0; i–) {
if(elem[i].value == val) {
elem[i].selected = true;
break;
}
}
}

By: Jennifer

Jennifer — Tue, 04 Aug 2009 19:06:34 +0000

@Richard – your solution does work! Good to know I don't need to tack on the selectOptions plugin! Thanks!

By: Jennifer

Jennifer — Tue, 04 Aug 2009 18:58:02 +0000

@David – except that simply doing selectElement.value = "myValue" doesn't work (at least not in Firefox)… That would be nice, though, if it were that simple. :/

By: rainabba

rainabba — Fri, 17 Jul 2009 00:30:59 +0000

David: That is freaking hilarious. All those amazingly complex solutions and the answer couldn't be more elegant

By: David

David — Sat, 11 Apr 2009 19:30:32 +0000

Actually, if your have the id to your select object and you know what the values are, you can just set

selectElement.value = "myValue"

and it will select it properly.

By: link

link — Thu, 19 Feb 2009 06:49:39 +0000

http://javascript.internet.com/forms/select-value-set.html

By: Richard

Richard — Wed, 11 Feb 2009 14:16:38 +0000

Just to let you know the selectOptions plugin is not necessary when using JQuery. You can use the following just as well:

$(document).ready(function() {
$("#selectboxname").val("The Select Value");
});

Thanks for the post though, pointed me in the right direction, and yeah JQuery does rule.

By: TK

TK — Wed, 17 Dec 2008 00:58:05 +0000

document.evaluate("//select[@id='selectboxname']//option[@value='The Selected Value', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).selected = true;

By: Neuropsykopat

Neuropsykopat — Sun, 02 Nov 2008 22:23:33 +0000

put a break instruction in the if closure. It'll stop the investigations.

for
{
if(found)
{
…
break;
}
}

By: Jennifer

Jennifer — Sun, 07 Sep 2008 05:45:46 +0000

Before I go crazy another night trying to find this. Yes, this is much easier with jquery (isn't everything!)

Use this plugin:
http://www.texotela.co.uk/code/jquery/select/

And this code:
$(document).ready(function() {
$("#selectboxname").selectOptions("The Select Value", true);
});