Как загрузить форму в зависимости от ввода текстовой области с помощью jQuery?

Question

Так вот что у меня есть.Это выпадающий список со значениями, скажем, A, B, C.

Теперь, когда выбран A, я хочу загрузить форму A под ним.Точно так же, когда выбраны B и C, я хочу загрузить их соответствующие формы под моим выпадающим списком?

Возможно ли это с jQuery, и если да, то как мне это сделать?У меня нет большого опыта работы с Javascript, но я многому научился (хотя насколько я помню, я не уверен)

Ура!

РЕДАКТИРОВАТЬ: Спасибо, ребята!Есть ли способ сделать это с помощью ввода вместо выпадающего списка?

Answer 1

Samplecode:

$('#youdropdownboxIdGoeshere').change(function() {
    $.ajax ({
        url: "yourfile.php?show="+$(this).val(),
        cache: false,
        success: function(html) {
            $('#divForResulthere').html(html);
        }
    }):
});

И тогда вам нужно создать php-файл, на который он указывает.В сценарии решите, какое меню отображать, и отобразите весь динамический выпадающий список.Затем содержимое будет проанализировано jQuery.

Answer 2

Вы можете поместить URL в форму в значение определенного параметра выпадающего меню, а затем загрузить его с помощью jquery.load или $ .ajax. Если вы просто хотите загрузить html, вам будет достаточно загрузить jquery (это ярлык для $ .ajax get)

Вот пример, с которого вы можете начать: http://jsfiddle.net/Sskfe/2/

Answer 3

вы можете использовать событие .change () выпадающего списка.

Для чего, у вас, по сути, есть два варианта.Либо формы уже отправлены пользователю в начале, и в вашем событии изменения выпадающего меню вы просто используете функцию .show () для отображения выбранной формы - или вы можете использовать функцию, подобную .load () или .ajax ()динамически загружать форму с сервера.Первый будет быстрее при выборе, но больше данных будет отправлено пользователю при загрузке страницы.Я бы выбрал первый, если у вас есть небольшое количество маленьких форм, и второй, если у вас много форм или больших.