옵션으로 사용할 jquery 배열을 생성하십시오.

Question

정말 간단하다고 확신하지만 제대로 작동하지 않습니다. 각 옵션에 "rel"이라는 숫자가 붙은 "시간"선택 목록이 있습니다. 사용자가 시간 선택을 변경하면 선택한 항목에 따라 새 옵션 목록이 표시되기를 원합니다. 그 말이 맞는다면?

은 여기 내 첫 번째 선택 : 사용자 오전 7을 선택

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

경우에, 나는 1 옵션을 제공하기 위해 (JQuery와 사용) 새로운 옵션 목록 원하는 -이처럼 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>")); 

    }