لود در combobox دوم با تغییر مقدار در combobox اول

Printable View

نمايش 40 تاپيکها در يک صفحه

21-01-2011, 17:20
maryam114

نقل قول:

نوشته شده توسط hossin.esm [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

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]

سلام
من مثال شما را به صورت زیر تغییر دادم. مثال شما درست کار می کرد ولی در هنگام اجرای کد زیر وقتی combobox اول را تغییر می دهم دو تا combobox به هم چسبیده در زیر آن ایجاد میشود که یکیش مقدار ندارد و دیگری مقدار درست را می دهد. اشکال کجاست.

index.php
[PHP]<html>
<head>
<?php
include("../site/connect.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)
{//alert(xmlhttp.responseText);
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}

</script>
</head>
<body >
<div align="center" >
<?php
$q="select * from typebook";
$res=mysql_query($q);
?>
<select name="number_query" onchange="result(this.value);">
<?php
for($i=0;$i<mysql_num_rows($res);$i++){
$f=mysql_fetch_array($res);?>
<option value="<?php echo $f['idtype'];?>"><?php echo $f['type'];?></option>
<?php }?>
</select>
</div>
<br>
<div align="center" id="result">
<select>
<option></option>
</select>
</div>
</body>
</html>
[/PHP]

result.php
[PHP]<?php
include("../site/connect.php");
$id=$_GET["id"];
print '<select>';
$q1="select * from subtype where idtype=$id";
$res1=mysql_query($q1);
for($j=0;$j<mysql_num_rows($res1);$j++){
$f1=mysql_fetch_array($res1);
print'<option>'.$f1['subtype'].'</option>';
}
print '<select>';
?> [/PHP]
21-01-2011, 19:12
hossin.esm

فکر کنم مشکل از کد خط آخر result.php است
که باید به صورت زیر باشد.
[PHP]print '</select> ';
[/PHP]
21-01-2011, 20:58
maryam114

نقل قول:

نوشته شده توسط hossin.esm [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

فکر کنم مشکل از کد خط آخر result.php است
که باید به صورت زیر باشد.
[PHP]print '</select> ';
[/PHP]

بله مشکل از خط آخر بود. متشکرم.
22-01-2011, 11:30
maryam114

سلام

من در مثال بالا می خواهم پس از اینکه کاربر combobox ها را onchange کرد در textbox متنی را براساس آنچه که در combobox انتخاب شده از بانک بخواند و در textbox نمایش دهد.

کد را به صورت زیر تغییر دادم ولی چون خیلی به جاوااسکریپت و اینا آشنایی ندارم نمیدونم درست نوشتم یا نه. کار نمیکنه.

یه تابع result2 را در رویداد onchange کمبو باکس دوم قرار دادم. لطفا اگر امکانش هست تابع result2 و فایل result2.php را ببینید.

index.php

[PHP]<html>
<head>
<?php
include("../site/connect.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)
{//alert(xmlhttp.responseText);
document.getElementById("result").innerHTML=xmlhtt p.responseText;
}
}
xmlhttp.open("GET","result.php?id="+value,true);
xmlhttp.send(null);
}

</script>

<script type="text/javascript">
function result2(){
var select1=document.getElementById('select1').selecte dIndex;
var select2=document.getElementById('select2').selecte dIndex;
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)
{ alert(xmlhttp.responseText);
document.getElementById("rade").value=xmlhttp.resp onseText;
}
}
xmlhttp.open("GET","result2.php?id1="+select1+"&&i d2="+select2,true);
xmlhttp.send(null);
}

</script>

</head>
<body >
<div align="center" >
<?php
$q="select * from typebook";
$res=mysql_query($q);
?>
<select name="number_query" onchange="result(this.value);" id="select1">
<?php
for($i=0;$i<mysql_num_rows($res);$i++){
$f=mysql_fetch_array($res);?>
<option value="<?php echo $f['idtype'];?>"><?php echo $f['type'];?></option>
<?php }?>
</select>
</div>
<br>
<div align="center" id="result">
<select id="select2" onChange="result2();">
<option></option>

</select>
</div>

<input name="rade" type="text" id="rade">
</body>
</html>
[/PHP]

result2.php
[PHP]<?php
include("../site/connect.php");
$id=$_GET["id1"];
$id2=$_GET["id2"];
$q="select * from typebook join subtype using(idtype) where idtype=$id and idsubtype=$id2";
$res=mysql_query($q);$f=mysql_fetch_array($res);
print $f['rade'].$f['zirrade'];
?>[/PHP]
22-01-2011, 12:22
hossin.esm

من دیتابیس و اطلاعاتش رو ندارم تست کنم .
[HTML]function result2(){
var select1=document.getElementById('select1');
var select2=document.getElementById('select2');
var vselect1=select1.options[select1.selectedIndex].text;
var vselect2=select1.options[select1.selectedIndex].text;
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)
{ alert(xmlhttp.responseText);
document.getElementById("rade").value=xmlhttp.resp onseText;
}
}
xmlhttp.open("GET","result2.php?id1="+vselect1+"&i d2="+vselect2,true);
xmlhttp.send(null);
}
[/HTML]

چند تا نکته .
فکر کنم اگر به جای کد
[PHP] <?php
for($i=0;$i<mysql_num_rows($res);$i++){
$f=mysql_fetch_array($res);?>
<option value="<?php echo $f['idtype'];?>"><?php echo $f['type'];?></option>
<?php }?>[/PHP]

از کد
[PHP]<?php
while($f=mysql_fetch_array($res)){
?>
<option value="<?php echo $f['idtype'];?>"><?php echo $f['type'];?></option>
<?php }?>[/PHP]
استفاده کنید خیلی راحت تر هستید.

نکته دوم
صحیح بودن اطلاعات ورودی کاربر برای فراخوانی از دیتابیس چک نشده (sql injection)
22-01-2011, 13:25
maryam114

1-می خوام value شی select رو بفرستم به صفحه result2.php
باید به این صورت باشد؟
[PHP]var select1=document.getElementById('select1');
var vselect1=select1.options[select1.selectedIndex].value;
[/PHP]

2- میشه یه مثال از sql injection بزنید.
22-01-2011, 14:31
hossin.esm

var vselect1=select1.options[select1.selectedIndex].value; تعریف نشده.
خب برای گرفتن value از کد زیر استفاده کنید.
[PHP]var select1=document.getElementById('select1');

var vselect1=select1.options[select1.selectedIndex].text;
[/PHP]
22-01-2011, 14:50
hossin.esm

مثالی از sql injection
[PHP]
<?php
include("../site/connect.php");
$id=$_GET["id"];
$q1="select * from subtype where idtype=$id";
echo $q1;
print '<select>';
$res1=mysql_query($q1);
for($j=0;$j<mysql_num_rows($res1);$j++){
$f1=mysql_fetch_array($res1);
print'<option>'.$f1['subtype'].'</option>';
}
print '</select>';
?>
[/PHP]
حالا اگر کاربر در url درخواست زیر را وارد کند جدول table1 از دیتابیس حذف میشود. به همین راحتی.

کد:

result.php?id=1;drop table table1;

برای جلوگیری میتونید از کد زیر برای id استفاده کنید.
[PHP]
$id= mysql_real_escape_string($_GET["id"]);
[/PHP]
22-01-2011, 18:22
maryam114

اشکالم این بود که باید تابع result2() را در فایل result.php فراخوانی می کردم نه در index.php .
15-07-2013, 11:36
kaviretanha

واقعا عالی بود، ممنون

نمايش 40 تاپيکها در يک صفحه