아래로

Question

나는이 같은 사업부에 드롭 다운 목록의 동적 값을 기록하는 것을 시도하고있다 :

JQuery와이

$.each($('.shoppingCart_qty-select'), function() { 
    var br = document.createElement('br'); 
    $("#qtyOrderPreview").append($(this).html()).append(br); 
    }); 

처럼 보인다

마크 업이

<div class="shoppingCart_qtyArea"> 
<div class="shoppingCart_qtyLabel">QTY</div> 
    <select class="shoppingCart_qty-select"> 
     <option value="1">@group.First().Count</option> 
    </select> 
</div> 
<div id ="qtyOrderPreview"></div> <!-- WRITE IT HERE --> 

처럼 보이지만 @group.First().Count가 값을 가지고 있지만, 나는 어떤 값이 페이지에 넣어되는 것을 볼 수 없습니다.

드롭 다운 목록에서 값을 가져 와서 jquery를 사용하여 div에 배치하려면 어떻게해야합니까?

감사합니다.

Answer 1

열쇠는 당신이 <option>하지 <select>

$.each($('.shoppingCart_qty-select'), function() { 
 
    var br = document.createElement('br'); 
 
    $("#qtyOrderPreview").append($(this).find('option').html()).append(br); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="shoppingCart_qtyArea"> 
 
    <div class="shoppingCart_qtyLabel">QTY</div> 
 
    <select class="shoppingCart_qty-select"> 
 
    <option value="42">42</option> 
 
    </select> 
 
</div> 
 
<div id="qtyOrderPreview"></div>