Таблица поиска с jQuery: показывать начальные столбцы после очистки поля поиска - PullRequest
Новая
       24

Таблица поиска с jQuery: показывать начальные столбцы после очистки поля поиска

0 голосов
/ 17 июня 2020

После моего предыдущего вопроса о таблице поиска с jQuery, th скрыть, когда таблица поиска с jQuery, когда поиск по полю input очищен, как отобразить начальные столбцы, как это было перед поиском? В настоящее время мне нужно щелкнуть панель ввода на моем компьютере, чтобы отобразить начальные столбцы.

Я пробовал $(input#search)[0].reset();, а также предложение, основанное на :reset Селектор для формы - включая reset button -, но это не работает. Я новичок в jQuery, поэтому мое понимание очень ограничено ...

Текущий jQuery скрипт: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"/>
                <script>
                    <![CDATA[
                            var allRows = $("#result tr:has(td)"); 
                            $("input#search").on("keydown keyup", function() {
                            allRows.hide();
                            $("tr:contains('" + $(this).val() + "')").show();
                                                       });
                            $(input#search)[0].reset(); //to reset search table
                        ]]>
                </script>

И xsl код: 

<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"/>
                <table class="sortable table-5" id="result">
                    <caption>List of “What Result”
                        <input class="input-table-5" type="search" id="search" placeholder="Search..." aria-label="Search"/>
                        <input type="reset" id="reset" />
                    </caption>
                   <tr>
                       <th>Occur.</th>
                       <th>What Result</th>
                       <th>What Context</th>
                       <th>What Sphere</th>
                       <th>vs AE</th>
                       <th>vs clan</th>
                   </tr>
                    <xsl:for-each select="./key('persName', @ana)//ancestor-or-self::interp">
                    <tr>
                        <td>
                            <a href="../corpus_ilimilku.html#{.//ref[@n='1']/tokenize(@target)!substring-after(., '#')}" id="{@xml:id}"
                                onclick="window.open(this.href, 'mywin',
                                'left=20,top=20,width=1200,height=250,toolbar=0,resizable=0'); return false;" >
                                <xsl:value-of select="./replace(replace(replace(tokenize(@ana)!substring-after(., '#'), '_', ':'), 'l', ''), 'ktu', 'KTU ')"/>
                            </a>
                        </td>
                        <td><xsl:value-of select=".//ref[@n='2']/stage/key('whatResult-interp', @ana)/catDesc"/></td>
                        <td><xsl:value-of select=".//ref[@n='5']/placeName/key('whatContext-interp', @ana)/catDesc"/></td>
                        <td><xsl:value-of select=".//ref[@n='6']/span/key('whatSphere-interp', @ana)/catDesc"/></td>
                        <td><xsl:value-of select=".//ref[@n='3-2a']/persName/key('person', tokenize(@ana, '\s+')[1])/persName/node()[@n = '1b']"/></td>
                        <td>
                            <!-- other data -->
                        </td>
                    </tr>
                    </xsl:for-each>
                </table>

Заранее большое спасибо за вашу помощь.

...