我有一个javascript下拉列表,如果我选择一个年份,它会自动删除年份,它在下拉列表中显示2次。我的目标是在选项列表中仅显示 1 次.例如,如果有 3 年 2013、2014、2015.如果我选择 2013 .it 显示如下
2013-selected
2013
2013
2014
2015.
请任何人帮助纠正问题。
<select class="inputmedium" name="year_<?php echo $row->id; ?>" id="year_<?php echo $row->id; ?>" value="<?php echo $row->year; ?>">
<option ><?php echo $row->year; ?></option>
<script type="text/javascript">
var min = new Date().getFullYear(),
max = min + 20,
select = document.getElementById('year_<?php echo $row->id; ?>');
for (var i = min; i<=max; i++){
var opt = document.createElement('option');
opt.value = i;
opt.innerHTML = i;
select.appendChild(opt);
}
</script> </select>
跳过 PHP 代码中添加的选项:
for (var i = min; i<=max; i++){
if (i == <?php echo $row->year; ?>) {
continue;
}
var opt = document.createElement('option');
opt.value = i;
opt.innerHTML = i;
select.appendChild(opt);
}
请检查这个,
var min = new Date().getFullYear(),
max = min + 9,
select = document.getElementById('year');
for (var i = min; i <= max; i++) {
var opt = document.createElement('option');
opt.value = i;
opt.innerHTML = i;
var exists = 0 != $('#year option[value='+i+']').length;
console.log(exists);
if(!exists){
select.appendChild(opt);
}
}
http://jsfiddle.net/ddxm5/2/
另一种方法:
var min = new Date().getFullYear(),
max = min + 9,
select = document.getElementById('year');
for (var i = min; i <= max; i++) {
var opt = document.createElement('option');
opt.value = i;
opt.innerHTML = i;
var exists= select.options[select.selectedIndex].value;
console.log(exists);
if(exists!=i){
select.appendChild(opt);
}
}
http://jsfiddle.net/ddxm5/5/