javascript - 根据下拉列表更改输入字段的标签

Question

我正在尝试根据下拉列表中的选择更新输入字段上的文本标签。

下面的字段标签默认显示为“平均值”。如果选择选项 2，我希望将其替换为“下限”。

<simpleLabel for="distLabel">Prior distribution, <i>CFR</i>:</label>
<select id="priorCFRDistType" onchange='changePriorDistType();'>
<option value="1">beta</option>
<option value="2">uniform</option>
</select>
<p>
<simpleLabel for="cfr_1">Mean:</label>
<input id="cfr_1" type="text" value ="0.05" />

在我的 .js 文件中，我有 changePriorDistType()。目前它在幕后做了很多事情。如何让它更新文本字段？这是我到目前为止所尝试过的:

function changePriorDistType() {
    menuItem = document.getElementById("priorCFRDistType");
    priorCFRDistType = menuItem.options[menuItem.selectedIndex].value;
    if ( priorCFRDistType == 2 ) {
       var tmpThing = document.getElementById("cfr_1").innerText;
       tmpThing = "Lower bound";
    }
}

这行不通。我显然对 Javascript 和 HTML 很陌生，所以没有什么是太明显而无法指出的。谢谢。

Answer 1

第一个错误(除了不匹配的标签之外)是使用 getElementById("cfr_1") 你得到了 id 为 cfr_1 的元素，它是 input 元素不是标签。

第二个错误是，使用 tmpThing = "Lowerbound" 您不会更改元素的内部文本。你需要做例如document.getElementById('cfr_1_label').innerText = "下限"(但这需要您将 id cfr_1_label 添加到 label标签)