Вопросы Теги

Изменение опций в избранном поле на основе различных избранных опций

У меня есть 2 избранных опции. Я хочу изменить выпадающие опции во вторых избранных опциях на основе того, что я выбираю в первых избранных опциях. Как я делаю это в jQuery?

<select id="Manage">
   <option value="a">A</option>
   <option value="b">B</option>
   <option value="c">C</option>
<select>

Вторая избранная опция, если A выбран из первой избранной опции

<select id='selectA'>
   <option value="1">1</option>
   <option value="2">2</option>
</select>

Теперь, если B выбран из первой избранной опции

<select id='selectA'>
   <option value="3">3</option>
   <option value="4">4</option> 
</select>
7
задан yogsma 8 June 2010 в 16:14
поделиться

2 ответа

Что-то вроде:

$('#Manage').change(function() {
    var options = '';
    if($(this).val() == 'a') {
        options = '<option value="1">1</option><option value="2">2</option>';
    }
    else if ($(this).val() == 'b'){
        options = '<option value="3">3</option><option value="4">4</option>';
    }

    $('#selectA').html(options);
});

Конечно, вы можете хранить свои опции, например, в массиве и комбинировать их на лету или что-то еще, это зависит от вас.

Ссылка: .change(), .val()

9
ответ дан 6 December 2019 в 21:10
поделиться

Это можно сделать с помощью 3 различных методов:

  1. Вы загружаете параметры для второго выбора с помощью AJAX, как только был выбран первый
  2. Вы сохраняете все параметры для второго выбора в объекте JSON, а затем включить его после того, как будет выбран первый
  3. Вы заранее определите все варианты выбора и отображения / скрытия И отключите / включите другие варианты выбора

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

3
ответ дан 6 December 2019 в 21:10
поделиться
Другие вопросы по тегам:

Похожие вопросы: