Показать другое ВЫБЕРИТЕ меню при выбранных разных кнопках радио

Question

У меня есть пяти кнопок радио следующим образом:

<input type="radio" id="Gold" name="PackageID" value="77"/> 
<input type="radio" id="Silver" name="PackageID" value="73"/> 
<input type="radio" id="Bronze" name="PackageID" value="72"/> 
<input type="radio" id="Copper" name="PackageID" value="94"/> 
<input type="radio" id="Tester" name="PackageID" value="71"/> 

и следующие два отборных менюшка:

<select name="DripFeed" id="select3-basic" tabindex="1" data-placeholder="Days.." class="span1"> 
<option value="1">1</option> 
<option value="2">2</option> 
</select> 

<select name="DripFeed1" id="select3-basic" tabindex="1" data-placeholder="Days.." class="span2"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="2">3</option> 
<option value="2">4</option> 
<option value="2">5</option> 
<option value="2">6</option> 
</select> 

Теперь то, что мне нужно, что когда пользователь выбирает радио кнопки с идентификаторами: Gold, Silver, Bronze, Copper, чтобы отобразить меню выбора с именем DripFeed и один раз выберите радиокнопку с помощью идентификатора, чтобы отобразить меню выбора с именем DripFeed1.

Спасибо за помощь.

Answer 1

Как вы не можете снять радио и только один радиоканал в группе может быть проверены, любые изменения, как правило, будут проверять, и если идентификатор проверяемого радио соответствует Tester, показать DripFeed1 и скрыть DripFeesd, в противном случае сделать наоборот:

$('[name="PackageID"]').on('change', function() { 
    var state = this.id == 'Tester'; 

    $('[name="DripFeed1"]').toggle(state); 
    $('[name="DripFeed"]').toggle(!state); 
}); 

Обратите внимание, что идентификаторы являются уникальными, и вы используете select3-basic несколько раз (и тот же TabIndex).

FIDDLE