1. ホーム
  2. javascript

JavaScriptでselectドロップダウンの値を選択する方法は?

2023-09-20 13:47:12

質問

私はこのようなドロップダウンを持っている

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

私は値を選択するためにこの行を使用して、それはIEで動作しませんMozillaで動作しますか?なぜそれが動作しないのですか?

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

どのように解決するのですか?

この場合 selectedIndex プロパティ :

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