Hi,
Ich kenne mich in JS, sowie im Framework JQuery nicht wirklich gut aus, ich lerne aber gerne dazu.
Nachfolgend versuche ich gerade, einen funktionierenden Code auf JQuery umzustricken.
Wie würde ich den nachfolgenden Code umstricken müssen, wenn ich die Formularfelder mit Jquery manipulieren wollte? Wie man ein (einziges) Formularfeld mit der Jquery Funktion change() manipuliert, weiß ich schon, aber ich mir ist nicht ganz klar, wie ich über eine javascript funktion (also hier myEvents) mehrere Formularfelder (insb. ein selectfeld) über Jquery ändern muß.
Gruß, Michael
Ich kenne mich in JS, sowie im Framework JQuery nicht wirklich gut aus, ich lerne aber gerne dazu.
Nachfolgend versuche ich gerade, einen funktionierenden Code auf JQuery umzustricken.
Wie würde ich den nachfolgenden Code umstricken müssen, wenn ich die Formularfelder mit Jquery manipulieren wollte? Wie man ein (einziges) Formularfeld mit der Jquery Funktion change() manipuliert, weiß ich schon, aber ich mir ist nicht ganz klar, wie ich über eine javascript funktion (also hier myEvents) mehrere Formularfelder (insb. ein selectfeld) über Jquery ändern muß.
Gruß, Michael
HTML:
<html>
<head>
<script type="text/javascript" src="slbox/jquery.min.js"></script>
</head>
<body>
<script>
function myEvents(wert1,wert2) {
//alert(wert1 + ' ' + wert2);
//document.meinform.textfield1.value = wert1;
document.forms['meinform']['textfield1'].value = wert1;
for (f = 0; f < document.meinform.Einheit1.length; f++) {
//alert(document.meinform.Einheit.options[f].value);
if (document.meinform.Einheit1.options[f].value == wert2) {
document.forms['meinform']['Einheit1'].selectedIndex = f;
}
}
}
</script>
<FORM name="meinform" ACTION="" METHOD=POST>
<INPUT TYPE=text name='textfield1'>
<select name='Einheit1'>
<OPTION VALUE="Stück">Stück</OPTION>
<OPTION VALUE="l">Liter</OPTION>
<OPTION VALUE="ml">Milliliter</OPTION>
<OPTION VALUE="kg">KG</OPTION>
<OPTION VALUE="g">Gramm</OPTION>
<OPTION VALUE="m">Meter</OPTION>
<OPTION VALUE="v">Verpackungseinheit</OPTION>
</SELECT>
</form>
<div class='button_1' id='aaa'><INPUT TYPE=submit VALUE=" klick " onclick="myEvents('Hallo','ml')"></div>
</body>
</html>