créer tableau jquery à utiliser comme options

Question

Je suis sûr que c'est très simple, mais je n'arrive pas à le faire fonctionner. J'ai une liste de sélection de "temps", qui a un nombre comme "rel" attaché à chaque option. Si l'utilisateur change l'heure, sélectionnez une nouvelle liste d'options à afficher en fonction de ce qui est sélectionné. Si ça a du sens?

Voici mon premier choisi:

<select name="time" id="time"> 
    <option value="7:00am" rel="10">7:00am</option> 
    <option value="12:30pm" rel="16">12:30pm</option> 
</select> 

Si l'utilisateur sélectionne 7h00, je veux une nouvelle liste d'options (en utilisant jquery) pour donner des options de 1 - 10. Comme ceci:

<select name="quantity" id="quantity"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    ............................ 
    <option value="10">10</option> 
</select> 

Voici ce que j'ai jusqu'à présent ...

<script type="text/javascript" language="javascript"> 
    jQuery("#time").change(function(){ 
    var positions = jQuery("#time :selected").attr("rel"); //this grabs the rel from time 

    //this is where it should create a list of options to append(??) to the select list.. 

    jQuery("#showQuantity").show(); //this shows the hidden field for quantity 
    }); 
</script> 

J'espère que cela est logique, mais je suis coincé là-dessus. Merci d'avance :)

Answer 1

Voici le code que vous pouvez utiliser pour ajouter des options.

$("#quantity").empty();//Clear options if there are any already existing ones. 

    for(i=1; i<= positions; i++) 
    { 

     $("#quantity").append($("<option value="+i+">"+ i+"</option>")); 

    }