LINUX.ORG.RU

изменение кол-ва полей формы с помощью яваскрипт


0

0

Как правильнее всего сделать и чтобы работало?

есть страничка, на ней формочка и куча инпутов. один из них - <select> категория_товара. при его изменении изменяется поле "фильтры" (появляются и исчезают всякие чекбоксы или селекты и инпуты). как бы ты рекомендовал это сделать?

вопрос в том что через .innerHTML запихивать загруженный с сервера блок не удаётся - не подвязываются инпуты к форме. то есть на экране они есть но частью формы не являются.

ajax использовать не хочется, в том смысле что делать огромный цикл разгребающий xml и делать кучу new Element и тд и тп.

★★★

`style="display:none;"`, `style="display:block;"` етц. для разных групп «всяких чекбоксов и инпутов» + обработчик изменения в селект.

Sphinx ★★☆☆
()
Ответ на: комментарий от Sphinx

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

vahvarh ★★★
() автор топика
Ответ на: комментарий от Sphinx

с чего бы это?
есть вот у меня 30 категорий товаров - от пледа до тапочек. для каждой категории есть свои параметризации - где-то размер, где-то цвет, где-то материал изготовления. причём какие-то из параметров - это выбрать-один-из, где-то "проставить галочки" а где-то и "проставить галочки и для каждой галки закачать файл примера раскраски"

и если пользователь меняет категорию нужно подгрузить новые параметризации...

кроме того, размер это как-то маловажно...

vahvarh ★★★
() автор топика

через createElement, appendChild и прочее. То есть через работу с DOM

anonymous
()

> есть страничка, на ней формочка и куча инпутов. один из них - <select> категория_товара. при его изменении изменяется поле "фильтры" (появляются и исчезают всякие чекбоксы или селекты и инпуты). как бы ты рекомендовал это сделать?

на примере jQuery это делается легко, а что бы страницу особо не перегружать, можно еще и данные брать из XML(AJAX) и уже строить дальше кусочек дерева. DOM для этого и придумали.

> вопрос в том что через .innerHTML запихивать загруженный с сервера блок не удаётся - не подвязываются инпуты к форме. то есть на экране они есть но частью формы не являются.

inner/outerHTML не самый лучший выбор, т.к. у IE придется делать что-то вроде element.innerHTML=element.innerHTML, только после таких глупых хаков что-то заработает

> ajax использовать не хочется, в том смысле что делать огромный цикл разгребающий xml и делать кучу new Element и тд и тп.

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

phasma ★☆
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.