как написать ДИВО значение падения .net вниз

Question

Я пытаюсь написать в DIV динамического значения выпадающего списка, например:

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 имеет значение.

Что мне нужно сделать, чтобы иметь возможность получить значение из выпадающего списка и поместить его в div, используя jquery?

Большое спасибо.

Answer 1

Ключ вы должны получить HTML от <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>