Angekettet Auswahlboxen Skript

Das verkettete Auswahlboxen Script wird den Inhalt der Child-Auswahlbox entsprechend der in der Parent-Box gewählten Werte ändern.

Features

  • Mit diesem Script können Sie die auf Ihrer Internetseite vorhandenen Auswahlboxen benutzerfreundlicher machen.
  • Verketteten Auswahlen lassen Sie mehrfache Formauswahllisten miteinander „verketten“.
  • Benutzt, um eine Auswahlbox mit Städten auf der Basis des gewählten Landes aufzufüllen.
  • Kopieren Sie einfach den Code innen zu Ihrer Seite und verwenden Sie ihn.

Vorschau

Downloads

Code Javascript Code
<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ http://www.hscripts.com -->
<script type="text/javascript">
if (window.XMLHttpRequest)
{// code for IE7 , Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
function fillSelect(country) {
var url = "city.php?country=" escape(country);
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange =go;
xmlhttp.send(null);
}
function go() {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
var response = xmlhttp.responseText;
var list=document.getElementById("City");
var cities=response.split('|');
for (i=1; i<cities.length; i ) {
var x=document.createElement('option');
var y=document.createTextNode(cities[i]);
x.appendChild(y);
list.appendChild(x);
}
}
}
}
function display()
{
var country=document.getElementById('country');
country.onchange=function() {
if(this.value!="") {
var list=document.getElementById('City');
while (list.childNodes[0]) {
list.removeChild(list.childNodes[0]);
}
fillSelect(this.value);
}
}
fillSelect(country.value);
}
</script>

// php code
<?php
echo("ada");
$country=$_GET['country'];
echo($country);
function doIt($country) {
switch ($country) {
case "India":
return array('New Delhi','Mumbai','Kolkatta','Chennai');
break;
case "Pakistan":
return array('Islamabad','Karachi','Lahore');
break;
case "Srilanka":
return array('colombu','Trincomalee','kandy');
break;
}
}
$cities=doIt($country);
foreach ($cities as $city)
{
echo '|'.$city;
}
?>
<!-- Script by hscripts.com -->


HTML Code
<body onload="display()">
<form name="select" id="select">
<select name="country" id="country">
<option>Wählen Sie ein Land</option>
<option>India</option>
<option>Pakistan</option>
<option>Srilanka</option>
</select>
<select name="City" id="City">
<option>Select City</option>
</select>
</form>
</body>
  • Veröffentlichungsdatum - 2010-09-22
  • Sie erhalten eine Gratisversion ohne Copyright Link für nur $5
  • Für die Benutzer spezifische Anpassung dieses Skripts oder Skriptentwicklungen setzen Sie sich bitte mit uns unter support@hscripts.com in Verbindung.

Nutzung

  • Kopie und kleben den HTML-und Javascriptcode in Ihrer HTML-Akte, in der Sie den dynamischen Inhalt anzeigen möchten.
  • Kopieren Sie den HTML-und JavaScript-Code in Ihre HTML-Datei, um dieses dann zu nutzen angekettet Selectboxen AJAX-Skript.
  • Rufen Sie die display () funktion unter Verwendung von onload () in Ihrem Bodytag auf.
  • Kopieren Sie den php Code und speichern sie dieses als city.php im selben Ordner, in dem auch Ihre .html vorhanden ist.
  • Sie können die Auswahlboxen Optionen entsprechend Ihren Erfordernissen in der .html und der .php Datei gleichzeitig ändern.

Lizenz

  • Diese Scripts Ajax / HTML-Code ist unter der GPL Lizenz gegeben.
  • Freie Benützung d. h. für diejenigen, die es benutzen, wie es ist.
  • Kostenlos, wenn Sie Ihre Änderungen nicht entfernen unsere Copyright-Informationen und Links.
  • Detaillierte Informationen License finden Sie hier.
  • Erwerben Sie das Skript, wenn Ihre Anforderungen nicht erfüllt GPL Lizenzbestimmungen.