JQuery изменение выбрать выпадающие значения - PullRequest
Новая
       21

JQuery изменение выбрать выпадающие значения

1 голос
/ 03 апреля 2012

Я пытаюсь изменить раскрывающееся меню выбора с помощью jqquery, выбрав определенный вариант в раскрывающемся меню.

Пример: 

<select name="options">
    <option value='3'>Option 3</option>
    <option value='5'>Option 4</option>
    <option value='7'>Option 5</option>
</select>

Другой раскрывающийся список: 

<select name="rounds">
    <option value='1'>1</option>
    <option value='3'>3</option>
    <option value='5'>5</option>
    <option value='7'>7</option>
</select>

Скажем, кто-то выбирает вариант 4, тогда другой выпадающий список будет динамически менять свои значения, говоря: 

<select class='button' name="rounds">
    <option value='23'>23</option>
    <option value='5'>5</option>
    <option value='12'>12</option>
</select>

Каждый параметр будет изменять меню раундов, и пользователи смогут переключаться между вариантами.В любом случае, чтобы сделать это?есть ли демоверсия онлайн?

Ответы [ 2 ]

2 голосов
/ 03 апреля 2012

при изменении, когда вам нужно удалить все отметки, как показано ниже 

$("[name='options']").change(function() 
    { 
        val = $(this).val(); 
        $("[name='rounds'] >option").remove();

чем в случае, если условия добавляют элементы один за другим в соответствии с вашими потребностями 

var opt ;
if(val == 4)
{
  opt = {
        val1 : 'text1',
        val2 : 'text2'
    };
}
if(val ==1 )
{
          opt = {
        val1 : 'text3',
        val2 : 'text4'
    };
}
    $.each(opt, function(val, text) {
        $("[name='rounds']").append(
            $('<option></option>').val(val).html(text)
        );
    });

  }); 
});
1 голос
/ 03 апреля 2012

Надеюсь, это то, что вы ищете, посмотрите ссылку

http://api.jquery.com/val/#val

...