Question

所以这是对post的跟进。我需要用单选按钮替换一些下拉菜单而不修改HTML。在我之前链接的帖子中，有人想出了一个非常聪明的Jquery解决方案，它成功地用单选按钮替换下拉菜单，并在选择其中一个单选按钮时更新下拉选项。

但是，当我使用插件实现它时，会出现单选按钮，但是在选中时它们不会更新下拉列表的值。我怀疑页面上其他地方的js存在一些冲突，但经过一些试验和错误后，我仍然无法弄清楚最新情况。有任何想法吗？相关网站可以找到here

以下是早期帖子中的original solution

所以这是更新后的代码：

<script type='text/javascript'> 
    $(function(){
    $("#options-1 option").each(function(i, e) {
        $("<input type='radio' name='r' />")
        .attr("value", $(this).val())
        .attr("checked", i == 0)
        .click(function () {
            $("#options-1").val($(this).val());
        })
        .appendTo("#r");
       $("#options-1").change(function(){
       $("input[name='r'][value='"+this.value+"']").attr("checked","checked");
});
});
});
</script>

Answer 1

除现有代码外，您还需要具备此功能

$("#d").change(function(){
    $("input[name='r'][value='"+this.value+"']").attr("checked","checked");
});

使用jquery选择单选按钮更新下拉选择

1 个答案: