PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Обработка формы без нажатия на submit?

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: как реализовать такую функцию..

Поиск в теме | Версия для печати

Koc	Отправлено: 13 Мая, 2013 - 21:35:32
Новичок Покинул форум Сообщений всего: 35 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Всем доброго времени суток, Подскажите как можно реализовать такую возможность. Есть таблица, по умолчанию показывает все записи.. в её шапке есть фильтр (выпадающий список select).. При выборе любого значения из списка, таблица сразу показывает нужные данные.. Например: в таблице показывается список запчастей, при выборе марки авто из фильтра, показывается только список запчастей для этого авто. Заранее спасибо!

KingStar	Отправлено: 13 Мая, 2013 - 22:45:37
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	AJAX ----- То что программа работает, не означает что она написана правильно!

caballero	Отправлено: 13 Мая, 2013 - 22:56:35
Активный участник Покинул форум Сообщений всего: 5998 Дата рег-ции: Сент. 2011 Откуда: Харьков Помог: 126 раз(а)	зачем аякс отправка формы яваскриптом по изменению селекта и все дела ----- Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore

Koc	Отправлено: 13 Мая, 2013 - 23:56:20
Новичок Покинул форум Сообщений всего: 35 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	caballero пишет: отправка формы яваскриптом по изменению селекта и все дела А можно этот момент чучуть подробней?

LIME	Отправлено: 14 Мая, 2013 - 00:02:06
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	а если авто и запчастей не очень много можно просто им дисплэй менять

Tummy	Отправлено: 15 Мая, 2013 - 06:34:14
Новичок Покинул форум Сообщений всего: 6 Дата рег-ции: Май 2013 Помог: 0 раз(а)	Koc пишет: Всем доброго времени суток, Подскажите как можно реализовать такую возможность. Есть таблица, по умолчанию показывает все записи.. в её шапке есть фильтр (выпадающий список select).. При выборе любого значения из списка, таблица сразу показывает нужные данные.. Например: в таблице показывается список запчастей, при выборе марки авто из фильтра, показывается только список запчастей для этого авто. Заранее спасибо! Попробуй. Настрой под себя. CODE (html): скопировать код в буфер обмена <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Селектор выбирает инпуты</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#myForm').change(function(){ var viborElement = $('#myForm :selected').attr('id'); if(viborElement=='vibor0'){ $('#inputblock span').css('display','block'); } if(viborElement=='vibor1'){ $('#inputblock span').css('display','none'); $('#i1,#i2').css('display','block'); } if(viborElement=='vibor2'){ $('#inputblock span').css('display','none'); $('#i3,#i4,#i5,#i6,#i7').css('display','block'); } if(viborElement=='vibor3'){ $('#inputblock span').css('display','none'); $('#i1,#i2,#i4,#i8').css('display','block'); } }); }); /end ready/ </script> <style> #footer { background:#CCCCCC; height:200px; } </style> </head> <body style="margin:200px"> <form id="myForm"> <select name="vibor" id="vibor"> <option id="vibor0">Видны все поля </option> <option id="vibor1">Видны поля: 1, 2</option> <option id="vibor2">Видны поля: 3, 4, 5, 6, 7</option> <option id="vibor3">Видны поля: 1, 2, 4, 8</option> </form> </select><br/><br/><br/> <div id="inputblock"> <span id="i1">1: <input type="text" /><br/><br/></span> <span id="i2">2: <input type="text" /><br/><br/></span> <span id="i3">3: <input type="text" /><br/><br/></span> <span id="i4">4: <input type="text" /><br/><br/></span> <span id="i5">5: <input type="text" /><br/><br/></span> <span id="i6">6: <input type="text" /><br/><br/></span> <span id="i7">7: <input type="text" /><br/><br/></span> <span id="i8">8: <input type="text" /><br/><br/></span> </div> <div id=footer></div> </body> </html>

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.