onClick javascript 更改不会在不重新加载页面的情况下反映出来

Question

我有一个<select> <option></option </select> 来代表中断报告的开始和结束日期，分别称为中断开始数据和中断结束日期。此外，我有一个文本字段来输入名为 Amount 的中断报告的数值。 注意：选项是由 Perl 脚本创建的。

对于文本字段以及开始和结束日期字段，我有一个单独的 reset 和 clear 锚标记。当单击 reset 作为开始或结束日期时，它会将当前日期设置为相应的字段（开始或结束），对于金额字段，它将设置为值 150。当点击clear时会清除相应的字段。

现在我的问题是 Amount 字段的 rest 和 clear 工作正常。对于开始日期和结束日期，指针都指向选项中的所需索引（说清楚它指向空选项并重置其指向当前日期、月份、年份），但这并没有反映在我的网页中无需重新加载页面（但这也不适用于 chrome）。

我想让它像金额字段一样工作。

/*
Start Date snippet is the same for month and year
*/
<lable>Outage Start Date</lable>

<select>
for(sort keys $startDateSet) {
  if($_ eq lstStartDate) {
       $sel = "selected";
   }
   else {
       $sel = "";
   }
print "<option". $sel. "value=".$startDateSet[$_]."</option>
  }
</select>

<a id="lstStartDate" href="javascript:clearOutageStartDate();">clear</a>
<a id="lstStartDate" href="javascript:restOutageStartDate();">reset</a>

/* 
Same for the end date 
*/
function clearOutageStartDate() {
    document.outage_report.lstStartDate.selectedIndex = -1;
    document.outage_report.lstStartMonth.selectedIndex = -1;
    document.outage_report.lstStartYear.selectedIndex = -1;
}

/*
Same for the end date
*/
function resetOutageStartDate(month, date, year) {
    document.outage_report.lstStartDate.value = date;
    document.outage_report.lstStartMonth.value = month;
    document.outage_report.lstStartYear.value = year;
}

Answer 1

您需要循环选择选项以匹配设置索引的值。

var el = document.getElementById("lstStartYear");
for (i=0;i<el.size;i++) {
 if (el.option[i].value==year) { el.selectedIndex=i; }}

清除你应该使用

document.getElementById("lstStartYear").selectedIndex = -1;