Dynamic Drop Down

**benconnekt** · 06-20-2012 03:20 PM

Hi guys,

Anyone knows how I could dynamically add selected index to a select option.

Found this online but couldn't figure out how to add selected index to it.

function addOption(selectbox, value, text)
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}

addOption(frmadd.myselect,"1", "Weddings");

Thanks for your help

**Padonak** · 06-20-2012 03:34 PM

option has no selected index, the select element has this property.

**007Julien** · 06-20-2012 05:08 PM

See this page Change Select element content in the fly and use the constructor new Option(text, value, defaultSelected, selected) !

**benconnekt** · 06-21-2012 07:29 AM

Thanks 007Julien, will check that out

**xelawho** · 06-21-2012 08:32 AM

if the option already exists and you just want it to be selected, it would be something like this (if "sel" were the id of your select and you wanted the 3rd option selected):

Code:

document.getElementById("sel").selectedIndex=2;

you can also give your options id's and select them that way:

Code:

<body>
<select>
<option id="app">apples</option>
<option id="or">oranges</option>
<option id="pea">pears</option>
</select>
<input type="button" onclick="changeSel()" value ="change it!"/>
<script type="text/javascript"> 
function changeSel(){
document.getElementById("pea").selected=true;
}
</script>
</body>

and all sorts of other stuff, depending on what it is that you actually want to do

**benconnekt** · 07-04-2012 12:27 PM

Thanks guys, got it working perfectly but my problem is how to dynamically selected the a default value, I have tried using ternary operator inside the constructor but it didnt work.
eg.
document.frmadd.subcat.options[3]= new Option("Weddings", "8", false, (frmadd.subcat.value == '8')?true:false)

Thread: Dynamic Drop Down

Thread Tools

Display

Dynamic Drop Down

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions