使用選擇選項值來篩選表的問題

我正在使用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>

要看到它在行動： Webpage complete

來源

2014-04-21 dreamweaver

你說的篩選和排序。你有兩個問題嗎？您提供的鏈接已損壞。也許你可以提供一個JSFiddle或Plunk。 – Jeff

從您發佈的代碼，好像這個問題是一個「s」的選項，跨度值的末尾。

的選項值是：（注意「S」在代言和節目結束）

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

行中的跨度值，如下所示：（注意沒有「S」末代言和程序）的

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

以下是一個演示這一問題的普拉克：（我把一個「s」在這兩個地方） http://plnkr.co/edit/yCmyoJmFpkzcUplaMgVg

來源

2014-06-18 22:30:02 Jeff

使用選擇選項值來篩選表的問題

回答

相關問題