Sélectionnez Boîtes enchaînés
Enchaîné Boîtes Sélectionnez Script modifier le contenu de l'enfant zone de sélection correspondant à la valeur choisi dans la case parent.
Traits
- L'utilisation de ce script, vous pouvez faire la selectboxes présents dans votre page Web plus convivial.
- Enchaîné Sélections vous permet de «chaîne» de la forme de multiples listes de sélection ensemble.
-
Utilisé pour remplir une selectbox avec les villes sur la base duquel pays de votre choix.
- Ce script est simple et facile d'utilisation.
- Il suffit de copier le code dans votre page et l'utiliser.
Prévue
Télécharges
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>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>
- Date de Parution - 2010-09-21
- Trouvez la version gratuite sans lien de droits d'auteur seulement pour
$5/-
- Pour personnaliser ce script ou pour le développement d'un script, contactez-nous à, support@hscripts.com
Usage
- Copiez et collez le code HTML et javascript dans votre fichier HTML à utiliser ce script ajax selectboxes enchaînés.
- Appelez la fonction display () en utilisant onload () dans votre balise body.
- Copiez le code php et enregistrer en tant que city.php dans le même dossier dans lequel votre fichier html est présent.
- Vous pouvez modifier les options de sélectionner facilement des boîtes en fonction de vos besoins à la fois dans le fichier html et php file.
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.