使用jquery更新下拉選擇單選按鈕選擇

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"); 
});