獲取uidialog的全部內容

Question

我有一個uidialog，想獲取它的完整內容，但是由於某種原因，如果我使用.html（），我會得到舊的HTML內容，但是如果我使用序列化，我會得到當前的實時內容。

因此，在我的對話框中，我有：

alert($(this).find('form').serialize()); //This serializes current live contents, as they appear in the uidialog form.
alert($(this).html()); //This shows the html before any modifications on the dialog

為什么html（）在修改之前顯示html，而serialize（）向我顯示使用輸入的當前值進行序列化？

Answer 1

您無法使用html（）獲得它。 我創建了一個函數，該函數采用序列化數組並填充一個容器以保存html中的對話框。 這是從對話框中調用的方式：

//Set current vals to html before saving
setInputVals('#' + $(this).attr('id'), $(this).find('input, select, textarea').serializeArray());

這是函數：

/*
 * Sets input vals to a container
 * 
 * @param container_id The id of the container
 * @param inputVals The serialized array that will be used to set the values
 * 
 * @return boolean. Modifies container
 */
function setInputVals(container_id, inputVals) {
    //Order by name
    var inputValsByName = new Array();
    $.each(inputVals, function(key, value) {
       inputValsByName[value.name] = value.value;
    });

    //Loop through inputs and set correct values
    $.each($(container_id + " :input"), function(key, value) {
        if (!value.name in inputValsByName) {
            return true;
        }

        //Loop through each type. Make sure you add new types here when needed. Notice that val() won't work generally
        //for changing the html, and that is why attributes were mostly used.
        if (value.type == 'radio') {
            //Remove checked attribute and add it to the correct one
            $('input:radio[name=' + value.name + ']').removeAttr('checked');
            $('input:radio[name=' + value.name + ']').filter('[value="' + inputValsByName[value.name] + '"]').attr('checked', 'checked');  
        } else if (value.type == 'checkbox') {
            //Checked attribute for checkbox
            if (inputValsByName[value.name] != undefined) {
                $(this).attr('checked', 'checked');
            } else {
                $(this).removeAttr('checked');
            }
        } else if (value.type == 'textarea') {
            //Set text to textarea
            $(this).text(inputValsByName[value.name]);
        } else if (value.type == 'select-one') {
            //Remove selected attribue from the options and add the correct one.
            $(this).find('option').removeAttr('selected');
            $(this).find('option[value="' + inputValsByName[value.name] + '"]').attr('selected', 'selected');
        } else if (value.type == 'text') {
            //Set value attribute for text input
            $(this).attr('value', inputValsByName[value.name]);
        }
     });

     return true;
} 

在主要瀏覽器上測試。 希望它能對某人有所幫助！ :)