从HTML中删除重复选项

Question

这是一个奇怪的,但我们的开发人员离开了,我的客户明天正在进行网站演示.
在网页上,一个下拉列表具有以下值.有没有办法使用script/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;
 }});

工作演示