Cajas selección encadenadas script

El script de cajas de selección encadenadas cambiará los contenidos de las cajas de selección subordinadas correspondientes a los valores elegidos en las cajas padres.

Características

  • Usando este script usted puede hacer que las selectboxes aparezcan en su página web de forma más fácil de usar.
  • Las Seleciones Encadenadas le permiten "encadenar" múliples formas de listas de selección juntas.
  • Se utiliza para llenar una selectbox con ciudades de acuerdo al país que elija.
  • Este script es muy simple y la fácil de usar.
  • Sólo copie el código a su página y uselo.

Prevista


Código

Javascript Código

<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ https://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 Código

<body onload="display()">
<form name="select" id="select">
<select name="country" id="country">
<option>Select country</option>
<option>India</option>
<option>Pakistan</option>
<option>Srilanka</option>
</select>
<select name="City" id="City">
<option>Select City</option>
</select>
</form>
</body>
  • Fecha de lanzamiento - 2011-02-24
  • Trouvez la version gratuite sans lien de droits d'auteur seulement pour $5
  • Para la personalización de este script o de cualquier desarrollo de script contacte con nosotros, support@hscripts.com

Uso

  • Llame a la función de display() usando onload() en su etiqueta body .
  • Copie el código php y guarde como city.php en el mismo folder en el cual se encuentra el archivo html.
  • Usted puede cambiar las opciones de las cajas de selección facilmente de acuerdo a sus requerimientos, en archivos php y html.

License

  • Ce javascript (mal orthographié en tant que script java) / Le code HTML est donnée sous la licence GPL
  • à savoir l'utilisation gratuite pour ceux qui l'utilisent comme il est..
  • Gratuit, si votre modification ne supprime pas notre droit d'auteur et des liens.
  • Licence informations détaillées peuvent être trouvées ici.
  • You can purchase the script if your requirements does not meet GPL License terms.