我使用js和jQuery来处理表单元素
此表单用于编辑
它从后端获取数据，然后运行顺序函数来显示数据：
1-单击手动单选按钮（显示新标题字段和源标题选择框以及类型复选框）
2-填写新标题输入字段
3-选择源头（这将带来源头的唯一值，并为每个值生成两个输入（一个用于旧值，第二个用于新值））
4-选择类型（手动（将新值从选择转换为输入）或MRSH（将新值从输入转换为选择））
5-将来自服务器的数据填充到输入框或选择框中。
问题出在最后一步（它不能正常工作，因为前面的步骤可能需要一些时间来渲染）
代码如下：

/**
     * Handle Edit Header in case of Manual
     * @param {Object} headerData
     * @param {string} columnName
     * @returns {void}
     */
    function handleEditManual(headerData, columnName) {
        $("#manual").click();

        // Set Column Name Field
        $("#column-name").val(columnName);

        // Set the Type according to the incoming type
        let values = headerData.values;

        addMappingPart(headerData).then(addInputsOrSelects(headerData)).then(function () {
            switch (mode) {
                case "manual":
                    fillInputFields(values);
                    break;

                case "MRSH":
                    fillSelectBoxes(values);
                    break;
            }
        });
    }

    // Step 2: Fill input fields
    function fillInputFields(values) {
        $(".source-inputs").each(function () {
            let sourceValue = $(this).data("value");
            let manualValue =
                values.find((value) => value.value === sourceValue).then ??
                null;
            $(this).next().find("input").val(manualValue);
        });
    }

    // Step 2: Fill input fields
    function fillSelectBoxes(values) {
        $(".source-inputs").each(function () {
            let sourceValue = $(this).data("value");
            let mrsvId =
                values.find((value) => value.value === sourceValue).id ?? null;
            $(this).next().find("select").val(mrsvId).trigger("change");
        });
    }

    function addMappingPart(headerData) {
        let sourceHeader = headerData.source_header;

        return new Promise(function (resolve) {
            $("#source-header").val(sourceHeader).trigger("change");

            // Resolve the Promise to signal completion of Step 1
            resolve();
        });
    }

    function addInputsOrSelects(headerData) {
        let type = headerData.type ? true : false;
        let mrshId = headerData.mrsh_id ?? null;

        return new Promise(function (resolve) {
            // Simulate some time to add input fields
            if (type) {
                $("#type-switch").click();
                mode = "MRSH";

                // Set the MRSH if the Type is MRSH
                $("#select-mrsh").val(mrshId).trigger("change");
            } else {
                mode = "manual";
            }

            // Resolve the Promise to signal completion of Step 1
            resolve();
        });
    }

字符串

的数据