用JavaScript替换Select的选项值文本

Question

我需要用JavaScript从选项值替换文本英语。代码是下一个：

<div>
<select name="input_14" id="input_29_14">
<option value="English">English</option>
</select>
</div>

所以这就是我尝试的：

document.querySelector("div.selector option[value=English]").text = "Inglés";

，但不会改变文本。有人可以为我提供替代功能吗？

谢谢

Answer 1

将查询选择器更改为

document.querySelector("option[value=English]").text = "Inglés";

Answer 2

您当前代码不起作用的原因是，div.selector正在寻找class selector 。

的div。

只需在选项中添加ID，使用JavaScript获取ID并将其更改为您想要的任何内容。

document.getElementById("lang").text = "Anglais";

<div>
  <select name="input_14" id="input_29_14">
    <option id="lang" value="English">English</option>
  </select>
</div>

Answer 3

我用jQuery解决了它：

jQuery("option[value=English]").text("Inglés");