jquery - 创建 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>") );

    }