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元素中插入after last radio。

Answer 2

从Paolo Bergantino的帖子尝试而不是：

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

此：

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

使用/ JQuery创建动态单选按钮

2 个答案: