javascript - 在选择选项中更改字符串

Question

我在 html 文档中遇到问题。

我想用“Adrian Pikus”替换“pikusadrian”

为什么我的脚本不起作用？

var text = document.getElementById("user").innerHTML;
if (text == "pikusadrian") {
  document.getElementById("user").textContent = "Adrian Pikus";
}

<select type="text" class="form-control" name="operator" placeholder="operator" required />
<option selected><span id="user">pikusadrian</span></option>

Answer 1

无效的 HTML - 您关闭了选择并且选项中有无效的跨度

这行得通

[...document.querySelectorAll("#operator option")].forEach(opt => {
  if (opt.text == "pikusadrian") opt.text = "Adrian Pikus";
})

<select type="text" class="form-control" name="operator" id="operator" placeholder="operator" required>
  <option selected>pikusadrian</option>
</select>

这可能有效，但通常选项没有 ID

const opt = document.getElementById("user");
if (opt.text === "pikusadrian") opt.text = "Adrian Pikus";

<select type="text" class="form-control" name="operator" id="operator" placeholder="operator" required>
  <option selected id="user">pikusadrian</option>
</select>