Как я могу динамически изменять раскрывающийся список выбора контента

Question

Как сайт авиакомпании.

Когда вы выберете аэропорт вылета.

Содержание прибытия аэропорт будет соответствующим образом изменен.

Для примера, если вы выберете Париж в аэропорту вылета. Тогда Париж не должен появляться в аэропорту прибытия.

Как я могу это сделать, любое ключевое слово или термин для поиска дополнительной информации?

Благодаря

Answer 1

Это, как вы динамически добавить вариант к избранным ....

var x = document.getElementById("selectid"); 
var option = document.createElement("option"); 
option.text = "newOption"; 
x.add(option); 

Там также метод удаления(), вы можете использовать.

Я думаю, что комбинация из них будет выполнена, что вам нужно сделать. Google «добавить опцию для выбора javascript» и «удалить вариант из выбранного javascript», и я думаю, что вы будете в пути.

Answer 2

Проверить работает демо: JSFiddle

Используйте JQuery селектор, чтобы найти элемент опций назначения, итерацию, чтобы скрыть одну целенаправленную:

function changeDestination(target) { 
    var options = $('#destination option'); 
    for (var i = 0; i < options.length; i++) { 
     var opt = $(options[i]); 
     opt.show(); 

     if (opt.attr('name') === target.value) { 
      opt.hide(); 
     } 
    } 
}