使用 jquery.chained.min.js 链接选择不起作用

Question

我正在尝试链接选择，如下所示。问题是它不起作用。比如我选择VIC时，VIC下的那些不显示？

我正在使用 jquery.chained.min.js，从这里找到 http://www.appelsiini.net/projects/chained

由于代码非常大，只需在下面添加部分代码即可。完整代码为 ast jsfiddle http://jsfiddle.net/8gUw4/1/

$("#custom1").chained("#state");  

上面是js代码，下面是select之一

<select id="state" name="state">
    <option value="">--</option>
    <option value="ACT">ACT</option>
    <option value="NSW">NSW</option>
    <option value="NT">NT</option>
    <option value="QLD">QLD</option>
    <option value="SA">SA</option>
    <option value="TAS">TAS</option>
    <option value="VIC">VIC</option>
    <option value="WA">WA</option>
</select>

另一个选择如下所示

<select id="custom1" name="custom1">
  <option value="">--</option>
  <option  value="199346" class="ACT">Ainslie (IGA Ainslie )</option>
  <option  value="182755" class="ACT">Banks (IGA Banks )</option>
  <option  value="182315" class="ACT">Canberra City (City West Carpark IGA Plus Liquor )</option>
  <option  value="182056" class="ACT">Canberra City (IGA X-press East Row )</option>
  <option  value="179370" class="ACT">Chapman (IGA Chapman )</option>
  <option  value="198308" class="ACT">Deakin (IGA Deakin )</option>
  <option  value="171479" class="ACT">Evatt (IGA Evatt )</option>
.....

</select>

Answer 1

小提琴似乎对我有用。我选择 VIC，出现 class="VIC" 的选项。

也许您看到的问题是一些没有VIC 类的选项也会出现。这可能是因为出现的值是空的。我的猜测是，chained 按值过滤选项，因此无法过滤具有空值的选项。