如何通过JavaScript选择选择标签的选项?

时间:2018-10-09 09:58:35

标签: javascript php jquery html ecmascript-6

下面的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;

2 个答案:

答案 0 :(得分:0)

您错误地在document.write块内投票options +=而不是if

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;
<select id="year"></select>

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

答案 1 :(得分:-1)

如果我正确理解,则希望在与年份匹配时选择该选项。执行此操作的方式是将其写入文档,而应将其添加到正在创建的字符串中。在if语句中尝试改为执行以下操作:option += "selected"