Question

我正在尝试向div写入下拉列表的动态值，如下所示：

JQuery看起来像这样

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

Markup看起来像这样

<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

关键是您需要从<option>而不是<select>

获取HTML

$.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>

如何写入.net下拉的值

1 个答案: