我有这个java脚本:
$("#judet div.jqTransformSelectWrapper ul li a").click(function(){
var jud= $("#judetul1").val();
$.ajax({
type: "POST",
url: "rental/cms/inc/ajax/cities.php",
data: { 'jud': jud },
success: function (msg) {
$("#oras").html(msg);
},
error: function (xhr, err) {
alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);
alert("responseText: " + xhr.responseText);
}
});
});
和这个html:
<div class=" h">
<span class="block">Orasul</span>
<div class="select6" id="oras">
<select name="oras1" id="oras1" onchange="zone1();sectorul();">
</select>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
和这个php:
public function get_oras($code3) {
echo "<option selected='selected' value='0'>Alege oras</option>";
$code='PPLA';
$code2='PPLA2';
$sql="SELECT * FROM `locatii` WHERE (`feature_code`=:code OR `feature_code`=:code2) AND `admin1_code`=:code3 ORDER BY `asciiname` ASC";
$stmt = $this->dbh->prepare($sql);
$stmt->bindParam(':code', $code, PDO::PARAM_STR, 30);
$stmt->bindParam(':code2', $code2, PDO::PARAM_STR, 30);
$stmt->bindParam(':code3', $code3, PDO::PARAM_INT);
$stmt->execute();
foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $result)
{
$oras[]="<option value='".$result['geonameid']."'>".$result['asciiname']."</option>";
}
return $oras;
}
jtml for judetul:
<div class=" h">
<span class="block">Judetul</span>
<div class="select6" id="judet">
<?php $judetul=$db->get_judet(); ?>
<select name="judetul1" id="judetul1" >
<option selected="selected">---</option>
<?php foreach ($judetul as $val=>$k) { ?>
<option value="<?php echo $val; ?>"><?php echo $k; ?></option>
<?php } ?>
</select>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
问题是: 当我改变judetul1时,我需要填充oras1。 当我更改judetul1选项时,select oras1不会从db获得值。
我该如何解决?
答案 0 :(得分:0)
我发现代码中有两件事可能导致问题。
首先,在您的HTML中,您不会将来自ajax的收到的值放在“#oras1”中,而是放在“#oras”中:
success: function (msg) {
$("#oras").html(msg); // use $("#oras1").html(msg);
},
其次,您应该将PHP更改为:
public function get_oras($code3) {
$oras .= "<option selected='selected' value='0'>Alege oras</option>"; // make change here
$code='PPLA';
$code2='PPLA2';
$sql="SELECT * FROM `locatii` WHERE (`feature_code`=:code OR `feature_code`=:code2) AND `admin1_code`=:code3 ORDER BY `asciiname` ASC";
$stmt = $this->dbh->prepare($sql);
$stmt->bindParam(':code', $code, PDO::PARAM_STR, 30);
$stmt->bindParam(':code2', $code2, PDO::PARAM_STR, 30);
$stmt->bindParam(':code3', $code3, PDO::PARAM_INT);
$stmt->execute();
foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $result)
{
$oras .="<option value='".$result['geonameid']."'>".$result['asciiname'].</option>"; // make change here
}
return $oras;
}
在将普通的PHP数组发送到JavaScript并且永远无法工作之前。因此需要一些像JSON一样的“序列化”。 在您的情况下,最简单的解决方案是将所有内容放在String中并返回它。 AJAX将是一个String,您只需将其注入HTML即可。另一个解决方案就是回显字符串的每一部分。
答案 1 :(得分:0)
这是我之前开发选择框时遇到的问题。
这里可能会发生两件事。 1.在judetul1中没有触发onchange事件。如果要检查这一点,只需打开一个调试程序到浏览器并观察“网络”,看看是否发送了对其他页面的请求以从db获取值。
注意:在某些版本的jqtransform
中,onchange是一个问题2.问题可能只是jqtransform'美化'您的选择输入一次(可能在文档准备时间)。 当您更改judetul1中的选项时,它会更新oras1选择框中的选项列表。但是,由于您没有再次调用jqtransform来再次“美化”您的选择输入,因此选项文本不会根据需要更新。
如果您仍需要修复此问题,确实可以解决此问题。