2016-12-15 71 views
2

我想用下面的javascript来选择月份值。我需要得到下拉选择而不使用index.As月份值取自其他文件。请帮助我。 HTML:在Java脚本中选择下拉菜单而不使用selectedindex

<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" 
+0

(http://stackoverflow.com/questions/78932/)[如何编程方式设置使用javascript一个选择框元素的值?]; [HTML SELECT - 使用JavaScript更改VALUE的选定选项](http://stackoverflow.com/questions/12265596/); –

回答

2

获取BU使用attribute equals selector并设置所选属性的选项。

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>