Wie verwende ich mit HTML5 contenteditable Felder in einer Formularübermittlung?

So, ich habe eine Reihe von Absatz-Elementen, die dynamisch gefüllt aus einer db. Ich habe die Elemente contenteditable. Ich will jetzt Einreichen Bearbeitungen zurück, die die db über ein standard-Formular. Gibt es eine Möglichkeit zu posten die contenteditable-Elemente zurück?

InformationsquelleAutor der Frage MFB | 2011-06-06

  1. 34

    Sie haben, javascript zu verwenden, die eine oder andere Weise, es wird nicht funktionieren, da ein "standard" Formular-element wie wäre es mit einer textarea oder ähnliches. Wenn Sie möchten, können Sie eine versteckte textarea im Formular und in dem Formular "onsubmit" - Funktion kopieren Sie die innerHTML-der contenteditable zu den textarea ' s Wert. Alternativ könnte man ajax/xmlHttpRqeuest Einreichen die Sachen, die ein bisschen mehr manuell.

    function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}


<form action='whatever' onsubmit='return copyContent()'>...

    InformationsquelleAutor der Antwort rob

  2. 1

    Wenn Sie jquery verwenden, könnten Sie senden den Inhalt mit ein .click () - Ereignis (ich.e "speichern" oder "senden",...)

    In Ihrem Klick-Funktion eine Nachricht an ein server-seitiges script mit ajax "post", um es einzufügen in Ihre Datenbank.

    Beispiel

    InformationsquelleAutor der Antwort Sparkup

  3. 0

    BRAUCHT es, um ein standard-Formular? Wenn Sie nicht können oder nicht wollen, verwenden Sie ein Formular mit Eingaben, können Sie versuchen, AJAX (XMLHttpRequest + FormData), durch die Sie durchführen können asynchrone Anfragen und bessere Kontrolle, wie die Resonanz zeigt.

    Wenn Sie wollen, dass es noch einfacher wird, versuchen die jQuery - $.ajax - Funktion (auch $.get und $.post). Es schickt Daten mit einfachen JS-Objekte.

    InformationsquelleAutor der Antwort byeolbit.99

Schreibe einen Kommentar