nicht angemeldet
selecded Wert ändern
Mein Problem:
Ich habe eine Karte und ein Pulldown-Menü, in dem man verschiedene Regionen auswählen kann. Jetzt möchte ich aber, wenn man auf der Karte in eine Region klickt das sich dieser Wert auch im Pulldown-Menü ändert. Wie kann ich das mit Javascript realisieren.
Wie ich den Wert eines Textfeldes ändern kann, habe ich herausgefunden.
onclick="SetEigenschaft(this.form,'new')">
<script language="JavaScript">
<!--
function SetEigenschaft(theForm,varEigenschaft){
if(varEigenschaft == "new"){
theForm.eigenschaft.value = varEigenschaft;
return true;
}
// -->
</script>
Wie kann ich nun aber den Wert des Pulldown-Menüs ändern?
Grüsse Andy
-
Hallo,
Ich habe eine Karte und ein Pulldown-Menü, in dem man verschiedene Regionen auswählen kann. Jetzt möchte ich aber, wenn man auf der Karte in eine Region klickt das sich dieser Wert auch im Pulldown-Menü ändert. Wie kann ich das mit Javascript realisieren.
[...]
Wie kann ich nun aber den Wert des Pulldown-Menüs ändern?siehe </selfhtml/tecbbdaa.htm#a7>
Definier einfach eine ImageMap (</selfhtml/tcgh.htm>) für die Landkarte, bei der du für jede Region einen anklickbaren Bereich definierst und als href die dropDownListe anpasst:
<area shape=polygon coords="1,1,249,49,293,143,..." href="javascript:document.formularName.dropdownName.selectedIndex=3">
Das würde beim Anklicken aus der DropDown-Liste den 4. Eintrag auswählen.
Robert
-
gruss Andy,
und die ergaenzung zu Roberts antwort
(die mit den image-maps)
findest Du in den naechsten zeilen:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>select_a_region.html</title>
<script language="JavaScript" type="text/javascript">
<!--
function updateSelectType(region)
{var mySelect = document.forms["karte"].elements["ausgewaehlt"];
for (var i=0;i<(mySelect.options.length);i++)
{if (mySelect.options[i].value == region)
{mySelect.options[i].selected = true;break;}
}
}
function updateRadioType(region)
{var myRadio = document.forms["karte"].elements["region"];
for (var i=0;i<(myRadio.length);i++)
{if (myRadio[i].value == region)
{myRadio[i].checked = true;break;}
}
}
//-->
</script>
</head><body>
<table cols="1" rows="1" width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" valign="middle"><form name="karte">
<table cols="1" rows="2" cellspacing="0" cellpadding="10" border="0">
<tr>
<td align="left" valign="top">
Region AA<input type="radio" name="region" value="regionAA" onclick="updateSelectType('regionAA');if((document.all)||(document.getElementById)){this.blur();}">
Region BB<input type="radio" name="region" value="regionBB" onclick="updateSelectType('regionBB');if((document.all)||(document.getElementById)){this.blur();}">
Region CC<input type="radio" name="region" value="regionCC" onclick="updateSelectType('regionCC');if((document.all)||(document.getElementById)){this.blur();}">
Region DD<input type="radio" name="region" value="regionDD" onclick="updateSelectType('regionDD');if((document.all)||(document.getElementById)){this.blur();}">
Region EE<input type="radio" name="region" value="regionEE" onclick="updateSelectType('regionEE');if((document.all)||(document.getElementById)){this.blur();}">
</td>
</tr>
<tr>
<td align="left" valign="top">
<select name="ausgewaehlt" size="1" onchange="updateRadioType(this.options[(this.selectedIndex)].value)">
<option value="regionAA">Region AA</option>
<option value="regionBB">Region BB</option>
<option value="regionCC">Region CC</option>
<option value="regionDD">Region DD</option>
<option value="regionEE">Region EE</option>
</select>
</td>
</tr>
</table>
</form></td>
</tr>
</table>
</body></html>
viel spass - tschuess und by(t)e by(t)e - peterS. - pseliger@gmx.net