时间戳

首页 > 解决方案 > 在选择选项中更改字符串

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

问题描述

我在 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>

标签： javascripthtml

解决方案

无效的 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>

推荐阅读