[JS] Gegevens van formulier terugkrijgen.

[alienfruit]

Ik ben bezig met een pagina waarbij je medewerkers kan ordenen, nu wil ik graag wat dingen wijzigen voordat het formulier wordt verstuurd. Dus ik het volgende bedacht:

code:

    function substituteTendencyOfSpaceMaterial() {
            var sHTML;
            //
            lFormObj = document.getElementById( 'component_properties' ); // fSubmitter
            
            // set the required variables for this html form...
            sHTML = lFormObj.innerHTML;
            // alert( 'HTML=' + sHTML );
            
            lFormObj.method = 'POST';
            lFormObj.action = 'save.php';
            lFormObj.submit();
        }

Alleen nu krijg ik de html code terug dat ook in html document staat en niet de html code met alle gegevens al ingevuld. Iemand enig idee hoe ik dit moet oplossen?

[ Voor 4% gewijzigd door alienfruit op 28-11-2004 21:18 ]

[Verwijderd]

Je zult alle elementen via javascript objecten moeten benaderen. Een form is van het type Form, en die bevat een array elements die alle invoervelden bevat. Bij sommige invoervelden moet je de waarde op een bepaalde manier opvragen, maar bij de eenvoudige elementen krijg je de waarde terug met de value property.

HTML:

<form action="process.php" method="post" onsubmit="return doeIets(this);">
   <input type="text" name="veldnaam" value="default" />
   <input type="submit" value="Versturen" />
</form>

JavaScript:

function doeIets(formObj) {
   alert(formObj.elements['veldnaam'].value);
   return true;
   // als je false returnt dan wordt het formulier niet gesubmit
}

Een selectbox is overigens het lastigst. Die heeft een property selectedIndex, en die geeft aan welke van de options is geselecteerd. Nog een voorbeeld:

HTML:

<select name="selectbox" onchange="alert(this.options[this.selectedIndex].value)">
   <option value="optie1">Optie 1</option>
   <option value="optie2">Optie 2</option>
   <option value="optie3">Optie 3</option>
</select>