javascript - 下拉选择值在下拉选项中显示两次

Question

我有一个 javascript 下拉菜单，如果我选择一年，它会自动下降年份，它会在下拉列表中显示 2 次。我的目标是在选项列表中仅显示 1 次。例如，如果有 3 年 2013、2014、2015 .如果我选择 2013 .它显示如下

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>

Answer 1

跳过在 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);
}

Answer 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 = 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/