我想动态地创建选择选项。我有两个数组“年”和“月”。当用户选择2011年,那么它的相应月份应该显示在下一个下拉菜单中。例如选择选项使用jquery创建
如果我们选择2009年再下一个下拉选项应该是 “月”, “月”,“月”
<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$('#first').change(function(){
var year= new Array('2011','2010','2009');
var month= new Array('jan_feb_march','jan_march_april','dec_oct_feb');
var yearVal= $('#first option:selected').text();
for(i=0; i<year.length;i++){
if(year[i]==yearVal){
var months=month[i]
}
}
var y= months.split('_');
for (z=0;z<y.length;z++){
$('#second').append("<option>'"+y[z]+"'</option>")
}
})
})
</script>
</head>
<body>
<div class="menu">
<select id="first">
<option>select</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
</select>
<select id="second"></select>
</div>
</body>
如何停止附加选项。如果我选择2011年,那么它相应的月份显得很完美。但如果我选择其他年份的第二次,那么是月份正在追加。我想删除旧的选项。在一个时间选项应该是可见的。 – Carlos 2012-07-09 06:40:04