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が新規入力され、#abc要素内にそれをafterlast radioを挿入します。パオロBergantinoのポストから

Answer 2

は試す代わりに：

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

この：

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