下拉所选值在下拉选项中显示两次

dropdown selected value displays twice in dropdown option

本文关键字：两次 显示 选项      更新时间：2023-09-26

我有一个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/

相关文章：