장바구니의 내용을 양식으로 입력으로 가져 오는 방법

Question

양식에서 "shoppingCart"선택을 입력 "formdesc"로 캡처하는 방법은 무엇입니까?

샘플 : <ol id="shoppingCart" name="formdesc"></ol>이 작동하지 않습니다.

HTML :

... 
<select id="apparelType"> 
    <option selected="selected" value="na">Select</option> 
    <option value="0">T-Shirt</option> 
    <option value="1">Shorts</option> 
    <option value="2">Hat</option> 
    <option value="3">Bag</option> 
</select> 

<label for="numb">Total: <span>$</span></label> 
<input id="numb" type="number" name="formbal" value="0.00" /> 
<input id="pretaxTotal" type="hidden" value="0.00" /> 
<ol id="shoppingCart"></ol> 
</form> 

JS :

<script type="text/javascript"> 

    $('#apparelType').change(function(){ 
     var apparelType = $('#apparelType'); 
     var fmapVal = apparelType.val(); 

     if (fmapVal == 'na') { 
      alert('Please select an apparel type.'); 
     } else { 
      var appVal = [ 15, 20, 25, 30 ]; 
      var description = apparelType.find('option:selected').text(); 
      var cost = appVal[fmapVal]; 

      var pretaxTotal = parseInt($('#pretaxTotal').val()); 
      var subtotal = pretaxTotal + cost; 
      var updatedTotal = (subtotal * 1.06).toFixed(2); 

      $('#pretaxTotal').val(subtotal); 
      $('#numb').val(updatedTotal); 

      $('#shoppingCart').append('<li>' + description + '</li>'); 
     } 
    }); 

</script> 

Answer 1

당신은 (당신이 가치를 추가 할 수 있습니다, 0 형태로 또 다른 숨겨진 필드를 만들 수 있으며, 매번 선택이 이루어진다 -3)을 숨겨진 필드에 추가하고 각 항목에 분리 기호를 추가하십시오. 필드에 다음과 같은 내용이 포함되어 있습니다 : 0;3;1;2;3;. 나중에 양식 데이터를받는 코드에서이 코드를 다시 나눌 수 있습니다.

당신의 HTML에서 그것은 다음과 같이 보일 것이다 :

<input id="techCart" type="hidden" value = ""/> 

그리고 당신의 JS에서

당신이 추가 할 수 있습니다

$('#techCart').val($('#techCart').val() + ":" + apparelType.val()); 

당신의 다른 부분의 끝에서.

빠른 테스트를 위해 http://jsfiddle.net/5frXU/1/을 참조하십시오.