javascript - 填充选择下拉列表

Question

我想在用户单击选择时填充选择下拉列表。我正在尝试这个，但显然只有当用户单击选项时才会激活单击处理程序，但就我而言，我没有选项。这是demo

$('select').click(function () {
    var currentId = $(this).attr('id');
    alert(currentId);

    var total = $('.total').text();

    for (i = 0; i <= total; i++) {
        $('<option>').val(i).text(i).appendTo('#' + currentId);
    }
});

Answer 1

试试这个:因为您正在为每次点击附加选项，因此您无法看到这些选项。您可以使用 .one() 仅在第一次单击时填充选项，第二次单击时它将显示填充的选项。也可以使用这个 附加选项而不是获取选择框的 ID 并使用它。

$('select').one("click",function () {
    var total = parseInt($('.total').text());

    for (i = 0; i <= total; i++) {
        $('<option>').val(i).text(i).appendTo(this);//use this to append
    }
});

<强> JSFiddle Demo