javascript - 从 HTML 选择中删除重复的选项

Question

这很奇怪，但我们的开发人员不在，我的客户明天要进行网站演示。
在网页上，一个下拉菜单具有以下值。有没有一种方法可以使用脚本/css 我们的设计师可以隐藏复制的值并只显示 1-9 一次？非常感谢。

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>

Answer 1

试试这个:

var usedNames = {};
$("select > option").each(function () {
  if(usedNames[this.text]) {
     $(this).remove();
 } else {
     usedNames[this.text] = this.value;
 }});

Working Demo