Question

我有一个动态创建的下拉列表，它位于一个函数内。

 function userlist() {
 $('#user-list').append('<select id="users-type-customers">'+
                        '<option value="some">Some Users</option>'+
                        '<option value="AllCustomer">All Users</option>></select>');
 }

我有一个函数来处理更改事件的下拉列表：

&('#users-type-customers').on("change", function(){
   dropdownSelect = $('#users-type-customers :selected').val();
    switch (dropdownSelect) {
            case "AllCustomer": {
                typeVal = "all";
                break;
            }
            case "some": {
                typeVal = "some";
                break;
            }
        }
   $.ajax({
         type: 'GET',
         data: {"item": typeVal},
         success: function (model) {
            this.userlist() //calling userlist function 
         }

   });
})

所以现在发生的事情就是当我选择All Users选项时，它会为我提供有关成功的必要数据，但现在当我调用userlist()时，它会将下拉列表添加到表中并显示默认值价值（在这种情况下是一些用户＆＃39;），这似乎是显而易见的。我不确定如何调用函数，同时注意保持选择完整，而不是恢复到默认值。有任何想法吗？？谢谢！

Answer 1

使用：

function userlist(typeVal) {
$('#user-list').append('<select id="users-type-customers">'+
                    '<option value="some">Some Users</option>'+
                    '<option value="AllCustomer">All Users</option>></select>');
$('#users-type-customers').val(typeVal);
}

如何在动态创建表-Jquery后保留下拉列表选择

1 个答案: