How to select a value in a select dropdown with JavaScript?

Question

i have a drop down like this

<select style="width: 280px" id="Mobility" name="Mobility">   <option selected="">Please Select</option>   <option>K</option>   <option>1</option>   <option>2</option>   <option>3</option>   <option>4</option>   <option>5</option>   <option>6</option>   <option>7</option>   <option>8</option>   <option>9</option>   <option>10</option>   <option>11</option>   <option>12</option> </select> 

I use this line to select a value it works in Mozilla not in IE? Why its not working?

var element = document.getElementById("Mobility"); element.value = "10"; 

Answer 1

Use the selectedIndex property:

document.getElementById("Mobility").selectedIndex = 12; //Option 10 

Alternate method:

Loop through each value:

//Get select object var objSelect = document.getElementById("Mobility");  //Set selected setSelectedValue(objSelect, "10");  function setSelectedValue(selectObj, valueToSet) {     for (var i = 0; i < selectObj.options.length; i++) {         if (selectObj.options[i].text== valueToSet) {             selectObj.options[i].selected = true;             return;         }     } }