Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.03.2017, 10:36
Новичок на форуме
Отправить личное сообщение для aledavydkin Посмотреть профиль Найти все сообщения от aledavydkin
 
Регистрация: 16.03.2017
Сообщений: 3

Фильтр по таблице, определенного слова
Есть код,
<script type="text/javascript">
		function filter2 (phrase, _id){
			var words = phrase.value.toLowerCase().split(" "); 
			var table = document.getElementById(_id); 
			for (var r = 1; r < table.rows.length; r++){ 
				var cellsV1 = table.rows[r].cells[1].innerHTML.replace(""); 
				var cellsV = [cellsV1].join(""); 
				var displayStyle = 'none';
				for (var i = 0; i < words.length; i++) {
				if (cellsV.toLowerCase().indexOf(words[i])>=0)
					displayStyle = ''; 
				else {
					displayStyle = 'none'; 
					break;
				}
				}
			table.rows[r].style.display = displayStyle; 
			}
		}
	</script>

Таблица
<div class="">Сотировка таблицы</div> <input name="filt" onkeyup="filter2(this, 'product-feature')" style="width:350px;" type="text" />
	<table class="table" id="product-feature" >
		<thead>
			<tr><th data-type="number">ID</th><th> Города</th></tr>
		</thead>
		<tbody>
			<tr><td>1</td><td>Миша</td></tr>
			<tr><td>2</td><td>Саня</td></tr>
			<tr><td>3</td><td>Машина</td></tr>
			<tr><td>4</td><td>Самолет</td></tr>
			<tr><td>5</td><td>Обруч</td></tr>
		</tbody>
	</table>


Задача, при вводе полу слова "Сам", оставалось ток срока Самолет. Если ввести "обруч" и тд, то нечего бы не происходило.
Ответить с цитированием
  #2 (permalink)  
Старый 16.03.2017, 10:37
Новичок на форуме
Отправить личное сообщение для aledavydkin Посмотреть профиль Найти все сообщения от aledavydkin
 
Регистрация: 16.03.2017
Сообщений: 3

Сейчас на данный момент ищет все сподряд.
Ответить с цитированием
  #3 (permalink)  
Старый 16.03.2017, 11:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Фильтрация строк таблицы
aledavydkin,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

<script type="text/javascript">
  function filter2(phrase, _id) {
    var words = phrase.value;
    var show = [].filter.call(document.querySelectorAll("#" + _id + " tbody tr"), function(tr) {
        var text = tr.cells[1].textContent;
        tr.style.display = text.indexOf(words) == 0 ? "" : "none";
        return text.indexOf(words) == 0
    });
    if (!show.length)[].forEach.call(document.querySelectorAll("#" + _id + " tbody tr"), function(tr) {
        tr.style.display = ""
    })
};  </script>

</head>

<body>

<div class="">Фильтрация строк таблицы</div> <input name="filt" onkeyup="filter2(this, 'product-feature')" style="width:350px;" type="text" />
  <table class="table" id="product-feature" >
    <thead>
      <tr><th data-type="number">ID</th><th> Города</th></tr>
    </thead>
    <tbody>
      <tr><td>1</td><td>Миша</td></tr>
      <tr><td>2</td><td>Саня</td></tr>
      <tr><td>3</td><td>Машина</td></tr>
      <tr><td>4</td><td>Самолет</td></tr>
      <tr><td>5</td><td>Обруч</td></tr>
    </tbody>
  </table>



</body>
</html>

Последний раз редактировалось рони, 16.03.2017 в 15:22.
Ответить с цитированием
  #4 (permalink)  
Старый 16.03.2017, 12:29
Новичок на форуме
Отправить личное сообщение для aledavydkin Посмотреть профиль Найти все сообщения от aledavydkin
 
Регистрация: 16.03.2017
Сообщений: 3

Задача, при вводе полу слова "Сам", оставалось ток срока Самолет. Если ввести "обруч" и тд, то нечего бы не происходило.
Ответить с цитированием
  #5 (permalink)  
Старый 16.03.2017, 15:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

aledavydkin,
смотрите пост №3 снова
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывод картинки при вводе в input определенного слова kennycorm Элементы интерфейса 3 10.08.2016 09:55
Изменение определенного слова Step48_rus jQuery 9 28.09.2015 13:38
Фильтр по начальным буквам слова Shasoft Общие вопросы Javascript 13 22.03.2015 11:20
Фильтр в таблице по select-ам Hedkost Общие вопросы Javascript 7 06.04.2014 12:58
подсчитать кол-во определенного слова в текста Гость Общие вопросы Javascript 3 17.07.2009 11:15