DES/JavaScript: Unterschied zwischen den Versionen
< DES
Zur Navigation springen
Zur Suche springen
Keine Bearbeitungszusammenfassung |
(resetInputFormHook) |
||
| Zeile 1: | Zeile 1: | ||
== Zurücksetzen des Eingabefensters == | |||
Ein großer Teil der Eingabefelder wird automatisch zurückgesetzt. Wenn man jedoch mit zusammengesetzten Eingabeelemente (s.u.) arbeitet, bleiben manche Werte erhalten. Es handelt sich bei dem Eingabefenster ja stets um ein und dasselbe div-Element. Daher gibt es einen Hook, der automatisch beim Abschicken aufgerufen wird: | |||
<source lang="javascript"> | |||
function resetInputFormHook() { | |||
// Hier können Felder zurückgesetzt werden, z.B. | |||
$('#select3A').val(''); | |||
$('#select3B').val(''); | |||
} | |||
</source> | |||
== Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente == | == Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente == | ||
Oben in die Eingabemaske wird folgender JavaScript-Code (in <tt><script type="text/javascript"></tt> eingeschlossen) eingefügt: | Oben in die Eingabemaske wird folgender JavaScript-Code (in <tt><script type="text/javascript"></tt> eingeschlossen) eingefügt: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
function combine() { | function combine() { | ||
$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim()); | $("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim()); | ||
| Zeile 22: | Zeile 32: | ||
<input oninput="combine();" id="selectListeNummer" size="5" type="text" /> | <input oninput="combine();" id="selectListeNummer" size="5" type="text" /> | ||
</source> | </source> | ||
[[Kategorie:DES]] | |||
Version vom 23. November 2016, 16:13 Uhr
Zurücksetzen des Eingabefensters
Ein großer Teil der Eingabefelder wird automatisch zurückgesetzt. Wenn man jedoch mit zusammengesetzten Eingabeelemente (s.u.) arbeitet, bleiben manche Werte erhalten. Es handelt sich bei dem Eingabefenster ja stets um ein und dasselbe div-Element. Daher gibt es einen Hook, der automatisch beim Abschicken aufgerufen wird:
function resetInputFormHook() {
// Hier können Felder zurückgesetzt werden, z.B.
$('#select3A').val('');
$('#select3B').val('');
}Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente
Oben in die Eingabemaske wird folgender JavaScript-Code (in <script type="text/javascript"> eingeschlossen) eingefügt:
function combine() {
$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim());
$("#inputFormValue02").val($("#selectListe").val()+" "+$("#selectListeNummer").val() );
$("#inputFormValue08").val($("#select5").val());
}im Eingabeformular:
<input id="inputFormValue02" name="value02" type="hidden"/>
<select onchange="combine();" id="selectListe">
<option selected="selected"></option>
<option>A</option>
<option>B</option>
<option>xxx nicht in Liste xxx</option>
</select>
<input oninput="combine();" id="selectListeNummer" size="5" type="text" />