سلام
چطور می شه با تغییر مقدار یک combobox که مثلا نام استانها در آن هست.combobox بعدی که مربوط به شهر های استان ها هست، شهرهای استان خاص که کاربر در combobox اول انتخاب کرده لود بشه.
لطفا اگه با کد توضیح بدید ممنون می شم.
Printable View
سلام
چطور می شه با تغییر مقدار یک combobox که مثلا نام استانها در آن هست.combobox بعدی که مربوط به شهر های استان ها هست، شهرهای استان خاص که کاربر در combobox اول انتخاب کرده لود بشه.
لطفا اگه با کد توضیح بدید ممنون می شم.
یک مثال نوشتم ببین.
index.php
[PHP]<html>[/PHP]
[PHP]
<head>[/PHP]
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script type="text/javascript">
function result(value){
if(value.length==0){
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}
</script>
</head>
<body >
<div align="center" >
<select name="number_query" onchange="result(this.value);">
<option value="1">yazd</option>
<option value="2">tehran</option>
<option value="3">esfahan</option>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option>mehriz</option>
<option>maybod</option>
<option>yazd</option>
</select>
</div>
</body>
</html>
result.php
[PHP]<?php[/PHP][PHP]
$id=$_GET["id"];[/PHP]
print '<select>';
if($id=='1')
{
print '<option>mehriz</option>';
print '<option>maybod</option>';
print '<option>yazd</option>';
}
else if($id=='2')
{
print '<option>1</option>';
print '<option>2</option>';
print '<option>3</option>';
}
else if($id=='3')
{
print '<option>a</option>';
print '<option>b</option>';
print '<option>c</option>';
}
print '</select> ';
?>
index.php
[PHP]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script type="text/javascript">
function result(value){
if(value.length==0){
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}
</script>
</head>
<body >
<div align="center" >
<select name="number_query" onchange="result(this.value);">
<option value="1">yazd</option>
<option value="2">tehran</option>
<option value="3">esfahan</option>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option>mehriz</option>
<option>maybod</option>
<option>yazd</option>
</select>
</div>
</body>
</html>
[/PHP]
result.php
[PHP]<?php
$id=$_GET["id"];
print '<select>';
if($id=='1')
{
print '<option>mehriz</option>';
print '<option>maybod</option>';
print '<option>yazd</option>';
}
else if($id=='2')
{
print '<option>1</option>';
print '<option>2</option>';
print '<option>3</option>';
}
else if($id=='3')
{
print '<option>a</option>';
print '<option>b</option>';
print '<option>c</option>';
}
print '</select> ';
?> [/PHP]
index.phpنقل قول:
[PHP]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script type="text/javascript">
function result(value){
if(value.length==0){
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}
</script>
</head>
<body >
<div align="center" >
<select name="number_query" onchange="result(this.value);">
<option value="1">yazd</option>
<option value="2">tehran</option>
<option value="3">esfahan</option>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option>mehriz</option>
<option>maybod</option>
<option>yazd</option>
</select>
</div>
</body>
</html>
[/PHP]
result.php
[PHP]<?php
$id=$_GET["id"];
print '<select>';
if($id=='1')
{
print '<option>mehriz</option>';
print '<option>maybod</option>';
print '<option>yazd</option>';
}
else if($id=='2')
{
print '<option>1</option>';
print '<option>2</option>';
print '<option>3</option>';
}
else if($id=='3')
{
print '<option>a</option>';
print '<option>b</option>';
print '<option>c</option>';
}
print '</select> ';
?> [/PHP]
index.php
[PHP]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script type="text/javascript">
function result(value){
if(value.length==0){
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}
</script>
</head>
<body >
<div align="center" >
<select name="number_query" onchange="result(this.value);">
<option value="1">yazd</option>
<option value="2">tehran</option>
<option value="3">esfahan</option>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option>mehriz</option>
<option>maybod</option>
<option>yazd</option>
</select>
</div>
</body>
</html>
[/PHP]
result.php
[PHP]<?php
$id=$_GET["id"];
print '<select>';
if($id=='1')
{
print '<option>mehriz</option>';
print '<option>maybod</option>';
print '<option>yazd</option>';
}
else if($id=='2')
{
print '<option>1</option>';
print '<option>2</option>';
print '<option>3</option>';
}
else if($id=='3')
{
print '<option>a</option>';
print '<option>b</option>';
print '<option>c</option>';
}
print '</select> ';
?> [/PHP]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script type="text/javascript">
function result(value){
if(value.length==0){
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}
</script>
</head>
<body >
<div align="center" >
<select name="number_query" onchange="result(this.value);">
<option value="1">yazd</option>
<option value="2">tehran</option>
<option value="3">esfahan</option>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option>mehriz</option>
<option>maybod</option>
<option>yazd</option>
</select>
</div>
</body>
</html>
از مثال های خوبتون واقعا متشکرم.
من هر کاری کردم نشد:13:
نام فایل ها را همانند نام فایل ذکر شده در پست بگذارید.
و از مثال پست شماره 5 استفاده کنیدو
من در اکثر مرورگرها تست کردم و جواب داد
نقل قول: