recherche

Maison >développement back-end >tutoriel php >php-联动下拉列表 跟 php、htm之间传值

php-联动下拉列表 跟 php、htm之间传值

WBOY
WBOYoriginal
2016-06-13 12:09:141055parcourir

php-联动下拉列表 和 php、htm之间传值
dis.htm

<br /><div class="newdestination_city"><br />					<span>目的地所属城市</span> <select name="content"><br />						<option value="0">大洲</option><br />						<!--{loop $content $con}--><br />						<option value='$con[districtid]'>$con[name]</option><br />						<!--{/loop}--><br />					</select> <select name="country"><br />						<option value="0">国家</option><br />						<!--{loop $country $cou}--><br />						<option value='$cou[districtid]'>$cou[name]</option><br />						<!--{/loop}--><br />					</select> <select name="district"><br />						<option value="0">区域</option><br />						<!--{loop $district $dis}--><br />						<option value='$dis[districtid]'>$dis[name]</option><br />						<!--{/loop}--><br />					</select> <select name="province"><br />						<option value="0">省份</option><br />						<!--{loop $province $pro}--><br />						<option value='$pro[districtid]'>$pro[name]</option><br />						<!--{/loop}--><br />					</select> <select name="city"><br />						<option value="0">城市</option><br />						<!--{loop $city $ci}--><br />						<option value='$ci[districtid]'>$ci[name]</option><br />						<!--{/loop}--><br />					</select><br />				</div><br />


dis.php
<br />//……<br />$country=getBycontent($content);<br />$pro=getBycountry($country);<br />//……<br />


我想让第一个下拉列表被选之后出现第二个下拉列表，并且根据第一个下拉列表中被选择的选项搜索出第二个下拉列表的列表项。请问怎么才能在这两个文件之间传值呢？
------解决思路----------------------
demo.php
<br /><html><br /><head><br /><meta http-equiv="content-type" content="text/html; charset=utf-8"><br /><title>demo</title><br /><script src="//code.jquery.com/jquery-1.11.0.min.js"></script><br /></head><br /><body><br /><br /><script type="text/javascript"><br />var data = [];<br />function sel(v, c){<br />    $.get("server.php", { parent: v, type: c },function(ret){<br />        if(ret.success==true){<br />            var list = ret.list;<br />            var selobj = document.getElementById('sel'+(c+1));<br />            for (i=1;i<list.length;i++){<br />                selobj.options[i] = new Option(list[i].name,list[i].id);<br />            }<br />        }<br />    },'json');<br /><br />}<br /></script><br /><br /><form name="f1"><br /><select name="select1" id="sel1" onchange="sel(this.value, 1)"><br /><option value="0">大洲</option><br /><option value="1">亚洲</option><br /><option value="2">欧洲</option><br /></select><br /><select name="select2" id="sel2" onchange="sel(this.value, 2)">   <br /><option value="0">国家</option>  <br /></select><br /><select name="select3" id="sel3" onchange="sel(this.value, 3)"><br /><option value="0">区域</option><br /></select><br /><select name="select4" id="sel4" onchange="sel(this.value, 4)"><br /><option value="0">省份</option><br /></select><br /><select name="select5" id="sel5"><br /><option value="0">城市</option><br /></select><br /><br /></form> <br /></body><br /></html><br />


server.php
<br /><?php<br />$parent = isset($_GET['parent'])? $_GET['parent'] : 0;<br />$type = isset($_GET['type'])? $_GET['type'] : 0;<br /><br />$sel = array();<br />$sel[1][1] = array('',array('id'=>1,'name'=>'中国'),array('id'=>2,'name'=>'日本'));<br />$sel[1][2] = array('',array('id'=>3,'name'=>'英国'),array('id'=>4,'name'=>'法国'));<br /><br />$sel[2] = array();<br />$sel[2][1] = array('',array('id'=>1,'name'=>'南方'),array('id'=>2,'name'=>'北方'));<br />$sel[2][2] = array('',array('id'=>3,'name'=>'南边'),array('id'=>4,'name'=>'北边'));<br />$sel[2][3] = array('',array('id'=>5,'name'=>'南部'),array('id'=>6,'name'=>'北部'));<br />$sel[2][4] = array('',array('id'=>7,'name'=>'南岸'),array('id'=>8,'name'=>'北岸'));<br /><br />$sel[3] = array();<br />$sel[3][1] = array('',array('id'=>1,'name'=>'中国省1'),array('id'=>2,'name'=>'中国省2'));<br />$sel[3][2] = array('',array('id'=>3,'name'=>'中国省3'),array('id'=>4,'name'=>'中国省4'));<br />$sel[3][3] = array('',array('id'=>5,'name'=>'日本省1'),array('id'=>6,'name'=>'日本省2'));<br />$sel[3][4] = array('',array('id'=>7,'name'=>'日本省3'),array('id'=>8,'name'=>'日本省4'));<br />$sel[3][5] = array('',array('id'=>9,'name'=>'英国省1'),array('id'=>10,'name'=>'英国省2'));<br />$sel[3][6] = array('',array('id'=>11,'name'=>'英国省3'),array('id'=>12,'name'=>'英国省4'));<br />$sel[3][7] = array('',array('id'=>13,'name'=>'法国省1'),array('id'=>14,'name'=>'法国省2'));<br />$sel[3][8] = array('',array('id'=>15,'name'=>'法国省3'),array('id'=>16,'name'=>'法国省4'));<br /><br />$sel[4] = array();<br />$sel[4][1] = array('',array('id'=>1,'name'=>'中国市11'),array('id'=>2,'name'=>'中国市12'));<br />$sel[4][2] = array('',array('id'=>3,'name'=>'中国市21'),array('id'=>4,'name'=>'中国市22'));<br />$sel[4][3] = array('',array('id'=>5,'name'=>'中国市31'),array('id'=>6,'name'=>'中国市32'));<br />$sel[4][4] = array('',array('id'=>7,'name'=>'中国市41'),array('id'=>8,'name'=>'中国市42'));<br />$sel[4][5] = array('',array('id'=>9,'name'=>'日本市11'),array('id'=>10,'name'=>'日本12'));<br />$sel[4][6] = array('',array('id'=>11,'name'=>'日本21'),array('id'=>12,'name'=>'日本22'));<br />$sel[4][7] = array('',array('id'=>13,'name'=>'日本31'),array('id'=>14,'name'=>'日本32'));<br />$sel[4][8] = array('',array('id'=>15,'name'=>'日本41'),array('id'=>16,'name'=>'日本42'));<br />$sel[4][9] = array('',array('id'=>17,'name'=>'英国市11'),array('id'=>18,'name'=>'英国市12'));<br />$sel[4][10] = array('',array('id'=>19,'name'=>'英国市21'),array('id'=>20,'name'=>'英国市22'));<br />$sel[4][11] = array('',array('id'=>21,'name'=>'英国市31'),array('id'=>22,'name'=>'英国市32'));<br />$sel[4][12] = array('',array('id'=>23,'name'=>'英国市41'),array('id'=>24,'name'=>'英国市42'));<br />$sel[4][13] = array('',array('id'=>25,'name'=>'法国市11'),array('id'=>26,'name'=>'法国市12'));<br />$sel[4][14] = array('',array('id'=>27,'name'=>'法国市21'),array('id'=>28,'name'=>'法国市22'));<br />$sel[4][15] = array('',array('id'=>29,'name'=>'法国市31'),array('id'=>30,'name'=>'法国市32'));<br />$sel[4][16] = array('',array('id'=>31,'name'=>'法国市41'),array('id'=>32,'name'=>'法国市42'));<br /><br />$list = $sel[$type][$parent];<br /><br />$ret = array();<br />$ret['success'] = true;<br />$ret['list'] = $list;<br />echo json_encode($ret);<br /><br />?><br />


server.php可改成读数据库的，这样更方便。

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：thinkphp 中自定义model步骤Article suivant：怎么引用wordpress的变量

Articles Liés

Voir plus