【发布时间】：2014-03-25 15:31:32
【问题描述】：
我正在使用 PHP、javascript Json 来填充表单中的字段。一切正常，直到我将 joomla 从 3.1.5 升级到 3.2.2。我相信它与 jquery 冲突。
所以这里是我使用的代码。如果我使用这个独立的，它绝对可以正常工作，但在 Joomla 中不起作用。
请帮我解决这个 jquery 冲突。
<?php
try {
$objDb = new PDO('mysql:host=localhost;dbname=prod', 'xxx', 'xxxx');
$objDb->exec('SET CHARACTER SET utf8');
$sql = "SELECT id, Master, Area, Rate1
FROM `products`
WHERE `Master` = 0";
$statement = $objDb->query($sql);
$list = $statement->fetchAll(PDO::FETCH_ASSOC);
} catch(PDOException $e) {
echo 'There was a problem';
}
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="/1/finished/css/core.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<script>
function sendForm() {
document.myform.submit()
}
</script>
<div id="wrapper">
<form id="myform" action="/index.php/it-hardware-disposal-cost-upto-25-items" method="post">
<select name="Area" id="Area" class="update">
<option value="">Select Your Location</option>
<?php if (!empty($list)) { ?>
<?php foreach($list as $row) { ?>
<option value="<?php echo $row['id']; ?>">
<?php echo $row['Area']; ?>
</option>
<?php } ?>
<?php } ?>
</select>
<select name="County" id="County" class="update"
disabled="disabled">
<option value="">----</option>
</select>
<select name="City" id="City" class="update"
disabled="disabled" onchange="this.form.submit()">
<option value="">----</option>
</select>
</form>
</div>
<script src="/1/finished/js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="/1/finished/js/core.js" type="text/javascript"></script>
</body>
</html>
下面是core.js 我坚信问题出在这里，可能是因为joomla中的一些其他代码有冲突。
var formObject = {
run : function(obj) {
if (obj.val() === '') {
obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
} else {
var id = obj.attr('id');
var v = obj.val();
jQuery.getJSON('/1/finished/mod/update.php', { id : id, value : v }, function(data) {
if (!data.error) {
obj.next('.update').html(data.list).removeAttr('disabled');
} else {
obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
}
});
}
}
};
$(function() {
$('.update').live('change', function() {
formObject.run($(this));
});
});
所以 Core.js 使用 Jquery.json 使用 update.php 填充数据，其中包含以下代码。
<?php
if (!empty($_GET['id']) && !empty($_GET['value'])) {
$id = $_GET['id'];
$value = $_GET['value'];
try {
$objDb = new PDO('mysql:host=localhost;dbname=xxxx', 'xxx', 'xxx');
$objDb->exec('SET CHARACTER SET utf8');
$sql = "SELECT id, Master, Area
FROM `products`
WHERE `master` = ?";
$statement = $objDb->prepare($sql);
$statement->execute(array($value));
$list = $statement->fetchAll(PDO::FETCH_ASSOC);
if (!empty($list)) {
$out = array('<option value="">Select Your Area, City</option>');
foreach($list as $row) {
$out[] = '<option value="'.$row['id'].'">'.$row['Area'].'</option>';
}
echo json_encode(array('error' => false, 'list' => implode('', $out)));
} else {
echo json_encode(array('error' => true));
}
} catch(PDOException $e) {
echo json_encode(array('error' => true));
}
} else {
echo json_encode(array('error' => true));
}
?>
【问题讨论】：
-
如果您将 jQuery 安装到 Joomla 上，那么这可能是真的。此外，您应该在 Google 或 Stack Overflow 上搜索过：api.jquery.com/jQuery.noConflict
-
SparoHawk，如果我知道如何解决它；我不会在这里发帖寻求帮助。你能看出我应该怎么做才能解决它吗？
-
您能发布您遇到的错误吗？
-
我没有收到任何错误，但未填充字段。如果我选择字段中的值，我可以看到第一个字段，第二个字段应该自动填充选择选项并且它不会发生。
标签： javascript php jquery json conflict