jQuery Convertir Sélectionner à boutons Radio?

Je suis en train de convertir sélectionner les boîtes à boutons radio à la volée à l'aide de jquery, et je ne suis pas sûr de la meilleure façon.

Exemple HTML:

  <form id="product">    
    <select name="data[123]">
      <option value="1">First</option>
      <option value="2">Second</option>
      ......
      <option value="n">xxxxxx</option>
    </select>
  </form>

Je veux le convertir au chargement de la page à l'aide de jquery:

<form id="product">
  <input type="radio" name="data[123]" value="1" />
  <label for="data[123]">First</label><br/>
  <input type="radio" name="data[123]" value="2" />
  <label for="data[123]">Second</label><br/>
  ......
  <input type="radio" name="data[123]" value="n" />
  <label for="data[123]">xxxxxx</label><br/>
</form>

Et il doit être dynamique, de sorte qu'il sera en boucle dynamiquement pour chaque zone de sélection et chaque option à l'intérieur (comme les différents produits ont différentes options)

Je suis à essayer de comprendre la meilleure façon. Soit pour obtenir un tableau multidimensionnel de toutes les valeurs d'abord, puis construire les boutons de la radio.. ou changer une à une dans une boucle. Actuellement, la tentative de l'ancien, mais je pense que j'ai peut-être avoir à y penser:

$(document).ready(function(){

    //Get Exising Select Options    
    $('form#product select').each(function(i, select){
        $(select[i]).find('option').each(function(j, option){
            //alert($(option).text());
            option[j] = [];
            option[j]['text'] = $(option).text();
            option[j]['val'] = $(option).val();
        });
    });


    //Remove Select box
    $('form#product select').remove();
});

Quelqu'un a déjà essayé ce ou avez un secret/moyen plus facile de le faire que je suis absent?

OriginalL'auteur Dss | 2010-01-08