создание динамической радио кнопки w/JQuery

Question

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

Например ..

<select id="aaa"> 
<option>red</option> 
<option>blue</option> 
<option>other</option> 
</select> 

<div id="abc"> 
Input<BR> 
option 1 <input type="radio" name="colorinput" value="1" /> 
option 2 <input type="radio" name="colorinput" value="2" /> 
</div> 
<BR> 
<div id="def"> 
Description<BR> 
option 1 <input type="radio" name="colordesc" value="1" /> 
option 2 <input type="radio" name="colordesc" value="2" /> 
</div> 
<BR> 

Я просто хотел бы добавить/удалить варианты либо из списков (или обоих) вариантов радио каждый раз, когда они делают различный выбор.

Answer 1

Вы можете просто сделать это:

$(document).ready(function() { 
    // add a new input when a new color is chosen, for example 
    $('#aaa').change(function() { 
     var radio = $('<input>').attr({ 
      type: 'radio', name: 'colorinput', value: '3' 
     }); 
     $(':radio:last-child', '#abc').after(radio).after('option 3 '); 
    }); 
}); 

Это dynamically creating новый вход и вставив его afterlast radio внутри #abc элемента.

Answer 2

С поста Паоло Bergantino Попытаемся вместо:

$(':radio:last-child', '#abc').after(radio).after('option 3 '); 

Эта:

$(':radio:last-child', '#abc').after(radio).after('option:eq(2)');