Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2023, 18:58
Аспирант
Отправить личное сообщение для Aidec Посмотреть профиль Найти все сообщения от Aidec
 
Регистрация: 07.12.2022
Сообщений: 86

Поиск по таблице (есть вопрос)
Здравствуйте

Вот сделал поиск по таблице таким образом, теперь хочу прикрутить кнопку что бы при нажатии на нее, по таблице отработал поиск по слову которому я подвяжу к кнопке.

Кто подскажет какие варианты есть?

<label for="kwd_search">Search:</label> <input type="text" id="kwd_search" value=""/>
<table id="my-table" border="1" style="border-collapse:collapse">
    <thead>
        <tr>
            <th>Name</th>
            <th>Sports</th>
            <th>Country</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Sachin Tendulkar</td>
            <td>Cricket</td>
            <td>India</td>
        </tr>
        <tr>
            <td>Tiger Woods</td>
            <td>Golf</td>
            <td>USA</td>
        </tr>
        <tr>
            <td>Maria Sharapova</td>
            <td>Tennis</td>
            <td>Russia</td>
        </tr>
    </tbody>
</table>






// When document is ready: this gets fired before body onload <img src='http://blogs.digitss.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> 
$(document).ready(function(){
    // Write on keyup event of keyword input element
    $("#kwd_search").keyup(function(){
        // When value of the input is not blank
        if( $(this).val() != "")
        {
            // Show only matching TR, hide rest of them
            $("#my-table tbody>tr").hide();
            $("#my-table td:contains-ci('" + $(this).val() + "')").parent("tr").show();
        }
        else
        {
            // When there is no input or clean again, show everything back
            $("#my-table tbody>tr").show();
        }
    });
});
// jQuery expression for case-insensitive filter
$.extend($.expr[":"], 
{
    "contains-ci": function(elem, i, match, array) 
    {
        return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
    }
});
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2023, 21:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Aidec,
Поиск по таблице
Ответить с цитированием
  #3 (permalink)  
Старый 04.02.2023, 23:42
Аспирант
Отправить личное сообщение для Aidec Посмотреть профиль Найти все сообщения от Aidec
 
Регистрация: 07.12.2022
Сообщений: 86

Чет ничего там не нашел(
Вот моя таблица работает так, когда я в поле ввода инпут пишу слово которое ищу, он мне выдает все строки которые похожи на то что я ищу, а левые строки скрывает.
Мне бы хотелось сделать еще кнопку, при которой я одним кликом по ней найду то что ищу по таблице(что то типа при нажатии на кнопку, в поле ввода инпут вставляется то слово которое я хочу.
Ответить с цитированием
  #4 (permalink)  
Старый 05.02.2023, 00:02
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,692

Сообщение от Aidec
в поле ввода инпут вставляется то слово которое я хочу.
Вроде нет в API js телепатического.
Кто же знает, чего вы хотите?
Ответить с цитированием
  #5 (permalink)  
Старый 05.02.2023, 07:42
Аспирант
Отправить личное сообщение для Aidec Посмотреть профиль Найти все сообщения от Aidec
 
Регистрация: 07.12.2022
Сообщений: 86

Вот что я хотел!


function addTextToInput(anElement) {
  var text = document.getElementById('jaloby').value;
  if (text != "")
    text += ",";
  text += anElement.innerText;
  document.getElementById('jaloby').value = text;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Рандом вопросов мини-теста RIMINI Общие вопросы Javascript 2 08.05.2020 15:37
Живой поиск JQUERY + AJAX + PHP + MYSQL dimi007 AJAX и COMET 2 22.07.2014 13:50
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Всплытие событий или что то не так... Кирюха =) jQuery 6 30.03.2013 12:56
фильтрация и поиск в таблице htm FedyaLutkovski Элементы интерфейса 0 28.12.2012 20:11