Подгрузка полей формы, без перезагрузки с помощью jQuery

@Last · Регистрация: 05.09.2011

Студворк — интернет-сервис помощи студентам

Ситуация следующая.
Ранее ситуация была следующей:

HTML5
1
2
3
4
5
6
7
8
9
10
<div>
        <select id='main_select' class='required' name='category_choose' onchange="jumpmenu('parent',this)">
         <option value='#' selected=selected>-- Выберите категорию--</option>
             <option value="link_A" >А категория</option>
         <option value="link_Б" >Б категория</option>
         <option value="link_B" >В категория</option>
       </select>
</div>
<form action="/index.php?option=component&amp;task=save&amp;Itemid=363" method="post" name="adminForm" enctype="multipart/form-data" onsubmit="return submitbutton(this)">
        <input type='hidden' name='category' value='0' />

JavaScript
1
2
3
4
function jumpmenu(target,obj,restore){
      eval(target+".location='"+obj.options[obj.selectedIndex].value+"'");  
      obj.options[obj.selectedIndex].innerHTML="Пожалуйста подождите ...";
}

Все хорошо, вот только, происходит перезагрузка страницы при смене категории. Теперь надо сделать так чтобы не происходила перезагрузка страницы, а ниже selecta выводились поля категорий.
Мною был срублено вот такое создание на jquery.

Java
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function()
     {
          $('#main_select').change(function(){
          var spcVal = '{'+$('#main_select option:selected').val()+'}';
          $.post('index.php',
                    spcVal,
                    function(data){
                          $('#mainInner').html(data);
                    });
          })
     });

Мягко говоря, оно работает не так. происходит подгрузка всей страницы в <div id="mainInner">, что не есть хорошо. Скрывать (display, visibility) поля нельзя, т.к. это было основным условием. Как мне кажется тут два пути: 1) подгрузить страницу и из неё выдрать нужный мне div или 2) на jquery написать обработчик полей, т.е. запрос в БД и построения поля по его типу. Оба пути для меня неведомы, ввиду моей первой встречи с jquery в таком ключе.

@Schtrich · 14.11.2011, 01:39

смотря на сколько кардинально вам вообще нужно страницу изменять при select option, если просто вытащить какую-нть инфу из БД, и вставить ее в нужный div-(элемент/блок), то это аяксом делается, а если инфа находится на удаленной странице, то через регулярки, но по моему вам 1-ый вариант подходит, можно же удалять,вставлять,копировать элементы DOM их их содержание, при этом ни перезагружая страницу.

@Last · 14.11.2011, 09:35 **[ТС]**

Видимо я пошел вторым путем.....

Java
1
2
3
4
5
6
7
$(function (){
                                $('#main_select').live('change',function() {
                                var spcVal = $('#main_select_1 option:selected').val();
                                $.post(spcVal,function(data, textStatus){$('#jv-component').html($('#jv-component', data));},'html');
 
                            if (typeof(submitbutton) == 'function') submitbutton(mfrm);
                         });

Т.е. вырезаю нужный <div> все хорошо, но теперь ни один скрипт обработчик формы (валидатор и отправщик) не работает. До работы с БД я еще не дочитал.

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	14.11.2011, 01:39
	смотря на сколько кардинально вам вообще нужно страницу изменять при select option, если просто вытащить какую-нть инфу из БД, и вставить ее в нужный div-(элемент/блок), то это аяксом делается, а если инфа находится на удаленной странице, то через регулярки, но по моему вам 1-ый вариант подходит, можно же удалять,вставлять,копировать элементы DOM их их содержание, при этом ни перезагружая страницу. 0