создать массив jquery для использования в качестве параметров

Question

Я уверен, что это действительно просто, но я не могу заставить его работать. У меня есть список выбора «время», который имеет номер «rel», прикрепленный к каждой опции. Если пользователь меняет выбранное время, я хочу, чтобы в зависимости от того, что было выбрано, отображался новый список опций. Если это имеет смысл?

Вот мой первый выбор:

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

Если пользователь выбирает 7:00, я хочу, чтобы новый список опций (используя jquery) давал опции от 1 до 10. Вот так:

<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>

Вот что у меня пока ...

<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>

Надеюсь, это имеет смысл, но я застрял на этом. Заранее спасибо :)

Answer 1

Ниже приведен код, который вы можете использовать для добавления параметров.

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

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

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

    }