如何通过 JavaScript 选择选择标签的选项？答案

【问题标题】：How to select option of select tag via JavaScript?如何通过 JavaScript 选择选择标签的选项？
【发布时间】：2018-10-09 09:58:35
【问题描述】：

在 javascript 下方填充年份，现在需要选择从前端发布的年份。

例如，如果发送 1903 年，则应选择值为 1903 的选项。

var start = 1900;
var end = new Date().getFullYear();
var options = "";
var yearpost = "<?php echo $year ?>";
for (var year = start; year <= end; year++) {
  options += "<option "
  if (year == yearpost) {
    document.write('selected')
  }
  ">" + year + "</option>";
}
document.getElementById("year").innerHTML = options;

【问题讨论】：

How do I change an HTML selected option using JavaScript?的可能重复
永远不要使用document.write()。你会想要options += "<option " + (year == yearpost ? 'selected' : '') + ">" + year + "</option>"; 一个更好的解决方案是在最后简单地调用document.getElementById("year").value = yearpost。
快速修复：jsfiddle.net/khrismuc/en56q83v
感谢@ChrisG 的及时解决方案和建议

标签： javascript php jquery html ecmascript-6

【解决方案1】：

您在if 块中错误地写了document.write 而不是options +=：

var start = 1900;
var end = new Date().getFullYear();
var options = "";
var yearpost = "2011";
for (var year = start; year <= end; year++) {
  options += "<option ";
  if (year == parseInt(yearpost)) {
    options += ('selected')
  }
  options += ">" + year + "</option>";
}
document.getElementById("year").innerHTML = options;

&lt;select id="year"&gt;&lt;/select&gt;

或者您可以将if 语句简化为：
options += '<option ' + (year == parseInt(yearpost) ? ' selected' : '') + '>' + year + '</option>';

【讨论】：

【解决方案2】：

如果我理解正确，您希望在与年份匹配时选择该选项。你这样做的方式是你正在写入文档，而不是你应该将它添加到你正在创建的字符串中。在你的 if 语句中尝试这样做：option += "selected"

【讨论】：