如何在下拉列表中选择一个值？ [英] How to select a value in dropdown javascript?

问题描述

我有这样的下拉

<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>

我用这一行来选择它在Mozilla中工作的值而不是在IE中吗？为什么它不起作用？

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";

推荐答案

使用 selectedIndex property ：

Use the selectedIndex property:

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

替代方法：

遍历每个值：

//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;
        }
    }
}

这篇关于如何在下拉列表中选择一个值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！