代码之家 › 专栏 › 技术社区 › Fernando Souza

如何保留选择默认选项

select html javascript

Fernando Souza · 技术社区 · 7 年前

我有一个select html元素很多年了,我希望它的默认值只有“”,但是我的JS代码正在重写它。我该怎么办?

<select id="f_year" name="f_year">
    <option disabled selected value>å¹´</option>
</select>

<script>
var start = 1900;
    var end = new Date().getFullYear();
    var options = "";
    for(var year = start ; year <=end; year++){
        options += "<option>"+ year +ã"å¹´" + "</option>";
    }
    document.getElementById("f_year").innerHTML = options;
</script>

2 回复 | 直到 7 年前

Vivek Tankaria 7 年前

重新创建选择选项时。而不是Keepin var options = ""; 保持原样 var options = "<option disabled selected value>å¹´</option>";

<select id="f_year" name="f_year">

</select>

<script>
var start = 1900;
    var end = new Date().getFullYear();
    var options = "<option disabled selected value>å¹´</option>";
    for(var year = start ; year <=end; year++){
        options += "<option>"+ year +ã"å¹´" + "</option>";
    }
    document.getElementById("f_year").innerHTML = options;
</script>

Takit Isy Surendra 7 年前

最好尽可能将HTML保存在HTML中。
_浼浼浼 options 使用 += 而不是 = .

在工作片段中查看:

var start = 1900;
var end = new Date().getFullYear();
var options = "";
for (var year = start; year <= end; year++) {
  options += "<option>" + year + ã"å¹´" + "</option>";
}
document.getElementById("f_year").innerHTML += options; // TAKIT: Modified only here!

<select id="f_year" name="f_year">
  <option disabled selected value>å¹´</option>
</select>

希望有帮助。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

9 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

9 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

9 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

9 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

9 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

9 月前