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

因此，这是此post的后续行动。我需要用单选按钮替换一些下拉菜单而不修改HTML。在之前我链接的文章中，有人提出了一个非常聪明的Jquery解决方案，它可以用单选按钮成功替换下拉菜单，并在选中某个单选按钮时更新下拉选择。使用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>

来源

2010-10-20 Thomas

你需要有除了这个功能到您现有的代码

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

来源

2010-10-20 06:46:59

因此，我将更新后的代码添加到了我的操作中，但它似乎仍然没有正确更新。 – Thomas 2010-10-20 09:03:19

尝试使用'＃options-1'而不是'#d'。这里是工作代码http://jsfiddle.net/ChinmayeeG/TkGP8/ – 2010-10-20 09:08:34

嗯，仍然没有运气，我不知道这是否是某种冲突。 – Thomas 2010-10-20 09:11:08

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

回答

相关问题