입력 할 값으로 양식에 간단한 차트 항목 추가

Question

simpleCart의 항목을 양식에 추가해야합니다. 내 자신의 스크립트를 만들려고하는 내장 함수를 찾을 수 없습니다. 나는 각을 추가 할 나는 고객이 등 자신의 이름, 우편 주소를 추가하는 형태가 같은 체크 아웃 페이지에서

<div class="simpleCart_items"> 
    <table> 
    <thead> 
     <tr class="headerRow"> 
     <th class="item-name">Name</th> 
     <th class="item-price">Price</th> 
     <th class="item-size">Size</th> 
     <th class="item-color">Color</th> 
     <th class="item-decrement"></th> 
     <th class="item-quantity">Qty</th> 
     <th class="item-increment"></th> 
     <th class="item-total">SubTotal</th> 
     <th class="item-remove"></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class="itemRow row-0 odd" id="cartItem_SCI-1"> 
     <td class="item-name">Deer Shirt</td> 
     <td class="item-price">฿400.00</td> 
     <td class="item-size">Small</td> 
     <td class="item-color">Blue</td> 
     <td class="item-decrement"><a href="javascript:;" class="simpleCart_decrement" rel="noreferrer" data-ss1492271303="1">-</a></td> 
     <td class="item-quantity">2</td> 
     <td class="item-increment"><a href="javascript:;" class="simpleCart_increment" rel="noreferrer" data-ss1492271303="1">+</a></td> 
     <td class="item-total">฿800.00</td> 
     <td class="item-remove"><a href="javascript:;" class="simpleCart_remove" rel="noreferrer" data-ss1492271303="1">Remove</a></td> 
     </tr> 
     <tr class="itemRow row-1 even" id="cartItem_SCI-2"> 
     <td class="item-name">Deer Shirt</td> 
     <td class="item-price">฿400.00</td> 
     <td class="item-size">Medium</td> 
     <td class="item-color">Clay</td> 
     <td class="item-decrement"><a href="javascript:;" class="simpleCart_decrement" rel="noreferrer" data-ss1492271303="1">-</a></td> 
     <td class="item-quantity">1</td> 
     <td class="item-increment"><a href="javascript:;" class="simpleCart_increment" rel="noreferrer" data-ss1492271303="1">+</a></td> 
     <td class="item-total">฿400.00</td> 
     <td class="item-remove"><a href="javascript:;" class="simpleCart_remove" rel="noreferrer" data-ss1492271303="1">Remove</a></td> 
     </tr> 
    </tbody> 
    </table> 
</div> 

: 체크 아웃 페이지 simpleCart에

는이 같은 항목을 추가 이 같은 폼에 입력으로 위의 항목 :

<input type="hidden" name="Item 1" value="Deer Shirt"> 
... 

그것은 jQuery의이 .each 일하는 것이 사용 듯하지만 원하는 결과를 생산 아닙니다.

이것은 내가 지금 뭘 찾았는지 있습니다 :

simpleCart.ready(function() { 

    $('.itemRow').each(function(){ 
    $('form').append('<input type="hidden" name="' + $('.itemRow').attr('id') + '" value="' + $('.item-name').text() + '">'); 
    $('form').append('<input type="hidden" name="' + $('.itemRow').attr('id') + '" value="' + $('.item-color').text() + '">'); 
    }); 

}); 

예상 출력 :

<input type="hidden" name="cartItem_SCI-1" value="Deer Shirt"> 
<input type="hidden" name="cartItem_SCI-1" value="Blue"> 
<input type="hidden" name="cartItem_SCI-2" value="Deer Shirt"> 
<input type="hidden" name="cartItem_SCI-2" value="Clay"> 

실제 출력 :

<input type="hidden" name="cartItem_SCI-1" value="NameDeer ShirtDeer Shirt"> 
<input type="hidden" name="cartItem_SCI-1" value="ColorBlueClay"> 
<input type="hidden" name="cartItem_SCI-1" value="NameDeer ShirtDeer Shirt"> 
<input type="hidden" name="cartItem_SCI-1" value="ColorBlueClay"> 

어쩌면 .each이 가장 좋은 방법이 아니다. 예상 출력을 얻는 방법에 대한 아이디어가 있습니까?

Answer 1

첫 번째 오류는 여기

$('.itemRow').each(function(){ 
 
    $('form').append('<input type="hidden" name="' + $(this).attr('id') + '" value="' + $(this).find('.item-name').text() + '">'); 
 
    $('form').append('<input type="hidden" name="' + $(this).attr('id') + '" value="' + $(this).find('.item-color').text() + '">'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="simpleCart_items"> 
 
    <table> 
 
    <thead> 
 
     <tr class="headerRow"> 
 
     <th class="item-name">Name</th> 
 
     <th class="item-price">Price</th> 
 
     <th class="item-size">Size</th> 
 
     <th class="item-color">Color</th> 
 
     <th class="item-decrement"></th> 
 
     <th class="item-quantity">Qty</th> 
 
     <th class="item-increment"></th> 
 
     <th class="item-total">SubTotal</th> 
 
     <th class="item-remove"></th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr class="itemRow row-0 odd" id="cartItem_SCI-1"> 
 
     <td class="item-name">Deer Shirt</td> 
 
     <td class="item-price">฿400.00</td> 
 
     <td class="item-size">Small</td> 
 
     <td class="item-color">Blue</td> 
 
     <td class="item-decrement"><a href="javascript:;" class="simpleCart_decrement" rel="noreferrer" data-ss1492271303="1">-</a></td> 
 
     <td class="item-quantity">2</td> 
 
     <td class="item-increment"><a href="javascript:;" class="simpleCart_increment" rel="noreferrer" data-ss1492271303="1">+</a></td> 
 
     <td class="item-total">฿800.00</td> 
 
     <td class="item-remove"><a href="javascript:;" class="simpleCart_remove" rel="noreferrer" data-ss1492271303="1">Remove</a></td> 
 
     </tr> 
 
     <tr class="itemRow row-1 even" id="cartItem_SCI-2"> 
 
     <td class="item-name">Deer Shirt</td> 
 
     <td class="item-price">฿400.00</td> 
 
     <td class="item-size">Medium</td> 
 
     <td class="item-color">Clay</td> 
 
     <td class="item-decrement"><a href="javascript:;" class="simpleCart_decrement" rel="noreferrer" data-ss1492271303="1">-</a></td> 
 
     <td class="item-quantity">1</td> 
 
     <td class="item-increment"><a href="javascript:;" class="simpleCart_increment" rel="noreferrer" data-ss1492271303="1">+</a></td> 
 
     <td class="item-total">฿400.00</td> 
 
     <td class="item-remove"><a href="javascript:;" class="simpleCart_remove" rel="noreferrer" data-ss1492271303="1">Remove</a></td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div> 
 
<form></form>

이며, 색상과 이름 나 같은 숨겨진 입력 이름으로 오류

입니다

Answer 2

파블로의 대답은 위에서 나는 물었다 방식에 따라 정확 원래 질문이지만 xDreamCoding의 코멘트로 인해 파고 들었고 그 simpleCart가 자신의 .each 연산자임을 알게되었습니다.

simpleCart.each(function(item , x){ 
    $('form').append('<input type="hidden" name="' + item.get('id') + ' Name" value="' + item.get('name') + '">'); 
    $('form').append('<input type="hidden" name="' + item.get('id') + ' Color" value="' + item.get('color') + '">'); 
    });