у меня есть выпадающее как это
<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? Почему не работа?
var element = document.getElementById("Mobility");
element.value = "10";
Используя некоторый ES6:
Получают опции сначала, фильтруют значение на основе опции и устанавливают выбранный атрибут на истинный.
window.onload = () => {
Array.from(document.querySelector(`#Mobility`).options)
.filter(x => x.value === "12")[0]
.setAttribute('selected', true);
};
<select style="width: 280px" id="Mobility" name="Mobility">
<option selected disabled>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>
Можно решить это С JavaScript как:
var newValue = "testing";
document.getElementById('id_Of_the_select_tag').value = value;
Или с JQuery как это:
var newValue = "testing";
$("#id_Of_the_select_tag").val(newValue);