Javascript 根据下拉选项更改标签

我有以下下拉菜单和输入框代码：

<select id="ci_binfo_affiliation_type" style="" onblur="updateptcname()" onchange="changecolor()" name="ci_binfo_affiliation_type" class="styled">
  <option <? if ($ci_binfo_affiliation_type == "") echo 'selected'; ?> value="">Select</option>
   <option <? if ($ci_binfo_affiliation_type == "work") echo 'selected'; ?> value="work">work</option>
  <option <? if ($ci_binfo_affiliation_type == "Other") echo 'selected'; ?> value="Other">Other</option>
</select>
<label class="formlbl" for="name_aftd">Name of (affiliation)</label>
<div class="formbitem">
      <input id="ci_binfo_affiliation_name" type="text" onchange="updateptcname()" name="ci_binfo_affiliation_name" value="<?=$ci_binfo_affiliation_name?>" class="inputtext2" />
    </div>

我想做的是：如果用户在下拉菜单中选择学校，那么在附属机构的名称中，标签必须更改为学校名称

---

有人能帮我吗，我该怎么做…

这就是你要找的吗

$("#ci_binfo_affiliation_type").change(function() {
    $("label[for='name_aftd']").text("Name of " + $(this).val());
});

---

这就是你要找的吗

$("#ci_binfo_affiliation_type").change(function() {
    $("label[for='name_aftd']").text("Name of " + $(this).val());
});

请看这个。它将函数绑定到select元素的change事件。此函数用于获取标签id:affiliation占位符中的新span元素，并将其文本内容设置为选定选项的值

您可能需要清理其他事件侦听器，如changecolor，它抛出一个我的示例中未定义的事件。首选的方法是从JavaScript代码绑定侦听器，而不是在HTML中内联

document.getElementById("ci_binfo_affiliation_type")
    .addEventListener("change",function(){
        document.getElementById("affiliation-placeholder").textContent = this.value;
})

使用jQuery 1.7还添加了新的span I，但在必要时可以方便地进行调整：

$("#ci_binfo_affiliation_type").on("change", function(){
    $("#affiliation-placeholder").text($(this).val());       
});

请看这个。它将函数绑定到select元素的change事件。此函数用于获取标签id:affiliation占位符中的新span元素，并将其文本内容设置为选定选项的值

您可能需要清理其他事件侦听器，如changecolor，它抛出一个我的示例中未定义的事件。首选的方法是从JavaScript代码绑定侦听器，而不是在HTML中内联

document.getElementById("ci_binfo_affiliation_type")
    .addEventListener("change",function(){
        document.getElementById("affiliation-placeholder").textContent = this.value;
})

使用jQuery 1.7还添加了新的span I，但在必要时可以方便地进行调整：

$("#ci_binfo_affiliation_type").on("change", function(){
    $("#affiliation-placeholder").text($(this).val());       
});

---

您需要将该逻辑添加到onchange事件处理程序中，当前为changecolor。感谢quick rply，是的，在这里我已经使用onchange进行颜色更改，但对于label，我如何编写onchange事件，因为这里是NameAffilia…place，我只想更改label，因为我不清楚该怎么做，你能帮我吗？你需要将该逻辑添加到onchange事件处理程序中，当前为changecolor。感谢quick rply，是的，在这里我已经使用onchange进行颜色更改，但对于label，我如何编写onchange事件，因为这里是NameAffilia…place，我只想更改label，因为我不清楚该怎么做，你能帮我吗？是的，它在小提琴中工作，但当我使用此代码时，它在脚本中显示错误错误是什么？您添加了spanaffiliation占位符了吗？是的，它在小提琴中工作，但是当我使用此代码时，它在脚本中显示错误错误是什么？您添加了spanaffiliation占位符了吗？