代码之家  ›  专栏  ›  技术社区  ›  Jason

使用JQuery创建动态单选按钮

  •  0
  • Jason  · 技术社区  · 17 年前

    我有一个项目,我需要根据用户在下拉菜单中选择的给定值,为用户提供几组不同的单选按钮选项。

    例如。。

    <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>
    

    2 回复  |  直到 17 年前
        1
  •  1
  •   Paolo Bergantino    17 年前

    $(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 after last radio 里面 #abc

        2
  •  0
  •   Harry dbr    13 年前

    从Paolo Bergantino的帖子中尝试而不是:

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

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