使用select选项值筛选表的Footable问题

Question

我使用的是Footable.js (加上所有其他js文件，您需要让它正常工作)，而且看起来都很好，但是当我使用下拉(选择选项值)过滤器按列3过滤表时，在10个选择工作中只有7个。我检查了所有的拼写。不知道他们中的3个为什么不能像其他7一样工作和过滤表格。

搜索过滤器

Search: <input id="filter" type="text"/></div>
   <div id="degree-bar">Type of Degree: <select class="filter-status">
    <option></option>
    <option value="certificate">Certificate</option>
    <option value="minor">Minor</option>
    <option value="associate">Associate</option>
    <option value="bachelor's">Bachelor's</option>
    <option value="bachelor's/master's">Bachelor's/Master's</option>
    <option value="licensure">Licensures</option>
    <option value="occupational">Occupational endorsements</option>
    <option value="post-baccalaureate">Post-baccalaureate licensure</option>
    <option value="special">Special training programs</option>
    <option value="pre-professional">Pre-professional opportunities</option>
  </select>

表格的一部分:它将对学士、副学士和证书进行排序，但不是特殊的或职业的。

<tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/yupik_lang_culture.html">Yup'ik Language and Culture</a></td>
      <td><a href="http://www.uaf.edu/anlc/classes/">College of Liberal Arts</a></td>
      <td><span title="bachelor's">bachelor's</span></td>
    </tr>
     <tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/yupik_lang.html">Yup'ik Language Proficiency</a></td>
      <td><a href="http://www.uaf.edu/anlc/classes/">College of Liberal Arts</a></td>
      <td><span title="certificate">certificate</span>, <span title="associate">associate</span></td>
    </tr>
     <tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/alaska_law_enforcement.html">Law Enforcement Academy</a></td>
      <td><a href="http://www.ctc.uaf.edu/programs/lawacad/">College of Rural and Community Development</a></td>
      <td><span title="special">special training program</span></td>
    </tr>
     <tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/paramedic.html">Paramedic Academy</a></td>
      <td><a href="http://www.ctc.uaf.edu/programs/paramedic/">College of Rural and Community Development</a></td>
       <td><span title="special">special training program</span></td>
    </tr>
     <tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/wm_tech.html">Welding and Materials Technology</a></td>
      <td><a href="http://www.ctc.uaf.edu/programs/weld/">College of Rural and Community Development</a></td>
      <td><span title="special">special training program</span></td>
    </tr>
     <tr>
      <td><a href="http://www.uaf.edu/catalog/current/programs/admin_assist.html">Administrative Assistant</a></td>
      <td><a href="http://www.ctc.uaf.edu/programs/aaa/">College of Rural and Community Development</a></td>
      <td><span title="occupational">occupational endorsement</span></td>
    </tr>

要看到它的作用：网页完成

Answer 1

从您发布的代码来看，问题似乎是选项和span值的末尾是一个's‘。

选项值是：(请注意背书和节目结尾处的“s”)

<option value="occupational">Occupational endorsements</option>
<option value="special">Special training programs</option>

行中的span值类似于：(注意，在背书和程序的末尾没有s‘)。

<span title="special">occupational endorsement</span>
<span title="special">special training program</span>

这里有一个例子说明了这个问题：(我在两个地方都放了一个's‘) http://plnkr.co/edit/yCmyoJmFpkzcUplaMgVg