Michael: Onlick Event soll Dropdownfeld ändern / Codebeispiel

Beitrag lesen

SELF-Forum

Onlick Event soll Dropdownfeld ändern / Codebeispiel

Michael
– Informationen zu den Bewertungsregeln

Hi,

anbei mal ein Codebeispiel, bei dem 1 Textfeld und 1 Dropdownfeld korrekt durch das Onclick-Event geändert werden, sowie 1 Chosen-Dropdownfeld, das NICHT durch dasselbe Event geändert wird.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
 <head>  
 <script type="text/javascript" src="jq/jquery.min.js"></script>  
<!-- chosen -->  
  <script type="text/javascript" src="jq/chosen/chosen.jquery.js"></script>  
  <link rel="stylesheet" href="jq/chosen/chosen.css" type="text/css" media="all">  
  <link rel="stylesheet" href="jq/ui.css" type="text/css" media="all">  
  <script type="text/javascript">  
$(function(){  
$(".chosen").chosen({  
    no_results_text: "Oops, nichts gefunden!",  
    allow_single_deselect: true,  
    search_contains: true,  
    disable_search_threshold: 10,  
    placeholder_text_single: 'Bitte wählen...'  
  });  
});  
</script>  
 </head>  
 <body>  
<script>  
function myEvents(wert1,wert2,wert3) {  
document.forms['meinform']['textfield1'].value = wert1;  
for (f = 0; f < document.meinform.Einheit1.length; f++) {  
if (document.meinform.Einheit1.options[f].value == wert2) {  
document.forms['meinform']['Einheit1'].selectedIndex = f;  
}  
if (document.meinform.Einheit2.options[f].value == wert3) {  
document.forms['meinform']['Einheit2'].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>  
</SELECT>  
  
<select class='chosen' name='Einheit2'>  
<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>  
</SELECT>  
</form>  
  
<div class='button_wareneingang'><INPUT TYPE=submit VALUE="&nbsp;klick&nbsp;" onclick="myEvents('Hallo','ml','ml')"></div>  
 </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln