在 Java 脚本中选择下拉列表而不使用 selectedindex答案

【问题标题】：Select dropdown in Java script without using selectedindex在 Java 脚本中选择下拉列表而不使用 selectedindex
【发布时间】：2016-12-15 05:36:56
【问题描述】：

我正在尝试使用下面的 javascript 来选择月份值。我需要在不使用索引的情况下获取下拉选择。因为月份值是从其他文件中获取的。请帮助我。 HTML：

<select name="param[start_month]">
<option label="Jan" value="1">Jan</option>
<option label="Feb" value="2">Feb</option>
<option label="Mar" value="3">Mar</option>
<option label="Apr" value="4">Apr</option>
<option label="May" value="5">May</option>
<option label="Jun" value="6">Jun</option>
<option label="Jul" value="7">Jul</option>
<option label="Aug" value="8">Aug</option>
<option label="Sep" value="9">Sep</option>
<option label="Oct" value="10">Oct</option>
<option label="Nov" value="11">Nov</option>
<option label="Dec" value="12" selected="selected">Dec</option>
</select>

Javascript：

document.getElementsByName("param[start_month]").value="Jan"

我也试过了

document.getElementsByName("param[start_month]").label="Jan"

【问题讨论】：

How do I programmatically set the value of a select box element using javascript?; HTML SELECT - Change selected option by VALUE using JavaScript;

标签： javascript html

【解决方案1】：

使用attribute equals selector 获取选项bu 并设置选定属性。

document.querySelector("[name='param[start_month]'] option[label='Jan']").selected = true;

<select name="param[start_month]">
  <option label="Jan" value="1">Jan</option>
  <option label="Feb" value="2">Feb</option>
  <option label="Mar" value="3">Mar</option>
  <option label="Apr" value="4">Apr</option>
  <option label="May" value="5">May</option>
  <option label="Jun" value="6">Jun</option>
  <option label="Jul" value="7">Jul</option>
  <option label="Aug" value="8">Aug</option>
  <option label="Sep" value="9">Sep</option>
  <option label="Oct" value="10">Oct</option>
  <option label="Nov" value="11">Nov</option>
  <option label="Dec" value="12" selected="selected">Dec</option>
</select>

或者将值设置为指定属性的值。虽然getElementsByName 返回的元素集合，但您需要按索引获取元素。

document.getElementsByName("param[start_month]")[0].value = "1"

<select name="param[start_month]">
  <option label="Jan" value="1">Jan</option>
  <option label="Feb" value="2">Feb</option>
  <option label="Mar" value="3">Mar</option>
  <option label="Apr" value="4">Apr</option>
  <option label="May" value="5">May</option>
  <option label="Jun" value="6">Jun</option>
  <option label="Jul" value="7">Jul</option>
  <option label="Aug" value="8">Aug</option>
  <option label="Sep" value="9">Sep</option>
  <option label="Oct" value="10">Oct</option>
  <option label="Nov" value="11">Nov</option>
  <option label="Dec" value="12" selected="selected">Dec</option>
</select>

【讨论】：