php - 选择依赖于 PHP 数组的选项

Question

我有列表选择:

<select id="sel">
  <option id="a1" value="volvo">Volvo</option>
  <option id="a2" value="saab">Saab</option>
  <option id="a3" value="mercedes">Mercedes</option>
  <option id="a4" value="audi">Audi</option>
  <option id="a5" value="volvo2">Volvo2</option>
  <option id="a6" value="saab2">Saab2</option>
  <option id="a7" value="mercedes2">Mercedes2</option>
  <option id="a8" value="audi2">Audi2</option>
</select> 

在 PHP 中我有数组:

$array = array('a1', 'a4', 'a5', 'a8');

如何使用 jQuery 在 select #sel 中仅显示在 PHP 的 $array 中设置 id 选项的值？

对于这个例子应该是:

<select id="sel">
  <option id="a1" value="volvo">Volvo</option>
  <option id="a4" value="audi">Audi</option>
  <option id="a5" value="volvo2">Volvo2</option>
  <option id="a8" value="audi2">Audi2</option>
</select> 

http://jsfiddle.net/TZCcA/

我不想为此使用 PHP。我想使用 jQuery。谢谢!

Answer 1

使用 php 数组，您可以生成这样的选择器并删除或隐藏不需要的选项。

您可以从服务器端渲染数组或选择器('#a1, #a4, #a5, #a8')本身并在客户端使用它。

$('select option').not('#a1, #a4, #a5, #a8').remove();

如果它是一个数组，你可以尝试这个。

$('select option').not('#' + array.join(',#')).remove();

工作演示 - http://jsfiddle.net/TZCcA/1/