Question

jq中用Ajax实现二级下拉框，服务器语言是php的。

废话不多说，上源码。能解决问题，追加50分，绝不食言。
html页面：引入jq和自己的js就不写了，看着烦只写body体里面的。
<span class="one">
一级栏目：<select>
<option value="" selected="selected">默认</option>
<option value="一级">一级</option>
<option value="二级">二级</option>
<option value="三级">三级</option>
</select>
</span>
<span class="two">
二级栏目：<select></select>
</span>
自己的js://我很清楚我的$.post后面的方法不对，就这个不会啊，跪求高手赐教。
$(document).ready(function(){
var oneSelect = $(".one").children("select");
var twoSelect = $(".two").children("select");
oneSelect.change(function(){
var oneValue = $(this).val();
// $.post("post.php",{keyword:$(oneValue)}, function (data){
// $(twoSelect).html(data); // 把返回的数据添加到页面上
// });
});
});

post.php：//php会些，能接到返回的值就行,但怎么接啊？
echo $a = $_POST[oneValue];
自己找出来了。
$.post("post.php",{one:oneValue}, function (data){
$(twoSelect).html(data);// 把返回的数据添加到页面上
});

php: $a = $_POST[one];
echo "<option value=".$a.">".$a."</option>"
反正分也散了，问一下，如果为空，twoSelect不显示在么做啊。我用if else判断然后.show();或.hide();。不灵。火狐报错。missing ) after argument list。网上说转义字符。我这应该不是吧。这是我写的判断。
if(oneValue!=null){
$.post("post.php",{one:oneValue}, function (data){
$(twoSelect).html(data);}// 把返回的数据添加到页面上
else{
twoSelect.parent().hide();
}

Answer 1

楼上的办法,只需要在重新选择的时候清空原本的option值就行啦,
但是其实后台直接返回一个<select></select> 然后直接填充到span会更好

追问

我也同意你的看法，直接在php中添加。然后循环从数据库取出的值。

追答

是否已经实现了?

追问

没呢，正在做。

追答

function getCity(){
var id = $('#PROVIDER_AREA').val();
$.get('chkpc.php?id='+id,function(data){
$('#city').html(data);
alert(data)
});
}

地区：

请选择地区
省份信息获取失败';
exit();
}else{
while($p=mysql_fetch_array($plist)){
echo ''.$p[name].'';
}
}
?>

请选择城市

-----------------chkpc.php---------------------------

';
while ($rs = mysql_fetch_array($info,MYSQL_NUM)){
$html .=''.$rs[1].'';
}
$html .= '';
echo $html;
exit;
?>

这个是上次回答另一个人的,是直接在他基础上修改的,大概是这样,你看看

参考资料： http://zhidao.baidu.com/question/252992697.html

追问

谢了

追答

可以的请采纳,哈哈

追问

哦，想要分啊，那破玩意啥用啊？
会给你的，别急。

追答

破玩意?
这个是上次一个问题的基础上直接修改的,
是很破,但至少帮助到他了- -
没有运用什么模版,破破破四了哦也觉得

追问

我说分是破玩意，谁说你代码破玩意来啊，我有那么没礼貌么？刚学jq里面的Ajax，
先不聊了，
我说我分会给你的。
再说现在的问题是问题补充里的。你没看

追答

现在看来,
如果后台返回有数据,然后
$a = array(
'select' => '这里的select元素,
'flag' =>'代表是否存在二级栏目'
)
echo json_encode($a);

getJSON("post.php",{one:oneValue}, function (data){
if(data['flag']]){
//存在填充
}else{
hide();
}
});

或者你这里是通过一级栏目的id去DB找关联的二级
可以对你查询出来的数据进行判断,存在的画才去构建一个select
否则直接输入空,然后页面直接判断是否data是否有值,然后进行操作

追问

做出来了，但是拿到了乱码。

追答

乱码最烦了,
统一下编码把

追问

好像在哪加一下。
就是在js里加一下charset=你的编码"就行了。。。

追答

没这样加过,
最多浏览器,然后在查询的时候mysql_query('set Names ''');
然后在页面的 标签
都只加这里,哈哈

Answer 2

var two=$(".two select").get(0);
var oneValue = $(this).val();
$.post("http://127.0.0.1/post.php",{keyword:oneValue}, function (data)
{
var options=data.split("|");
for(var item in options)
{
var varItem = new Option(options[item],options[item]);
two.options.add(varItem);
}

},"text");
把这段放入oneSelect.change(function(){
里面即可
至于php可以类似这样写

<?php

echo $_POST["keyword"]."|".$_POST["keyword"];//多个option连接在一起

?>

追问

照你的写法二级栏目会一直累加，出现这个。

Answer 3

有返回值没?