JQuery, изменить параметры <select>?

Question

На моем сайте я хочу сделать так, чтобы пользователь мог выбрать штат и город для перехода. Если пользователь выбирает штат, как бы я сделал так, чтобы поле выбора города изменило все города в тегах <option>?

Например:

Virginia выбрано, поэтому я хотел бы изменить Cites на Richmond, Arlington, Fredricksburg, etc.

Answer 1

Есть несколько способов сделать это, в зависимости от архитектуры вашего сайта. Мой любимый вариант - запустить $.ajax, сбросить результат и загрузить его в следующий выбор. Это самый расширяемый, IMHO, но не самый быстрый для конечного пользователя. Если это не огромный список (то есть, скорость загрузки), вы можете загрузить информацию в массивы или классы и использовать ее для заполнения информации.

Я бы, наверное, сделал что-то вроде этого:

$("#cities option").remove();
$(citylist[$("#state").val()]).each(function() {
    $("#cities").append('<option value="' + this + '">' + this + '</option>');
});

Обратите внимание, я не проверял это, поэтому он может не работать, но я думаю, что это должно послать вас в направлении записи.

JMax