Javascript 单击“使选择列表可编辑”

我的页面加载时，在

标记内有一个填充的选择框。我需要能够点击选择列表，它将变得可编辑，并用数据库中的其他值填充

    // Save data
    $(".edit").focusout(function(){
        $(this).removeClass("editMode");

        var id = this.id;
        var split_id = id.split("_");
        var field_name = split_id[0];
        var edit_id = split_id[1];

        var value = $(this).text();

        $.ajax({
            url: 'update.php',
            type: 'post',
            //data: { field:field_name, value:value, id:edit_id },
            data: { field:field_name, value:value, id:edit_id, checked:checkedStatus },
            success:function(response){            
            }
        });

    });

我已经尝试在click事件中添加一个函数，在插入新数据时填充列表。但逻辑与此略有不同，我确定如何应用于click事件

HTML:

这是在插入新数据时填充选择列表的代码。但这需要填充上的列表并进行编辑

       var data
       $.ajax({
        dataType: 'json',
        url: 'get-position.php',
        data: data,
        success: function(data) {
          var html_to_append = '';
          $.each(data, function(i, item) {
            html_to_append += '<option value="' + item.positionID + '">' + item.name + '</option>';
          });
          $(".positionList").html(html_to_append);
        },
      }) 

    });

---

有什么原因不能简单地在页面加载时填充它吗？@scatter on page load它是用数据库中的值填充的，而不是完整列表中的值。我的想法是能够单击列表，然后用其余的值填充，然后当用户单击列表时，数据将在数据库中更新。单击列表后，您可以执行与第一次加载时相同的操作。

       var data
       $.ajax({
        dataType: 'json',
        url: 'get-position.php',
        data: data,
        success: function(data) {
          var html_to_append = '';
          $.each(data, function(i, item) {
            html_to_append += '<option value="' + item.positionID + '">' + item.name + '</option>';
          });
          $(".positionList").html(html_to_append);
        },
      }) 

    });

    // Save data
    $(".edit").focusout(function(){
        $(this).removeClass("editMode");

        var id = this.id;
        var split_id = id.split("_");
        var field_name = split_id[0];
        var edit_id = split_id[1];

        var value = $(this).text();

        $.ajax({
            url: 'update.php',
            type: 'post',
            //data: { field:field_name, value:value, id:edit_id },
            data: { field:field_name, value:value, id:edit_id, checked:checkedStatus },
            success:function(response){            
            }
        });

    });