jquery - 如何在下拉列表中设置默认值

Question

我有以下代码:

 render: function (data, type, product) {
                            var s = $('<select id="qty_dropdown" />');
                            for (i = 1; i <= data; i++) {
                                $('<option />', { value: i, text: i }).appendTo(s);
                            }
                            $('#qty_dropdown>option:eq('+data+')').prop('selected', true);
                            return s.prop("outerHTML");

                        }

我只是想设置所选值=数据。但是，这会显示第一个选项值而不是最后一个选项值。例如，如果 data == 10，则下拉列表显示 1 而不是 10。有什么想法吗？

Answer 1

由于您尝试选择的元素是最后一个元素，因此您可以更新它。

var data = 10;
var s = $('<select id="qty_dropdown" />');
for (i = 1; i <= data; i++) {
  $('<option />', {
    value: i,
    text: i
  }).appendTo(s);
}
//You need to perform the find on the `s` element, not on the page
s.find('option:last').attr('selected', true);
console.log(s.prop("outerHTML"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>