1

在寻找了大约五天的答案以解决我的问题后，我想我不妨寻求一些帮助。我正在处理一个我似乎无法开始工作的级联下拉菜单。

Mysql 数据保存在一张表中，我们有国家 (varchar) 和地区 (varchar)、文档名称 (varchar)、文档链接 (varchar) 以及添加日期 (timestamp)。

我希望第一个下拉菜单指向包含区域的第二个下拉菜单。我查看了很多教程，但似乎找不到一个使用 PDO 或 Mysqli 的教程。提交表单后，我希望文档的名称显示为超链接和添加的日期。

我开始使用：http ://www.electrictoolbox.com/json-data-jquery-php-mysql/

这是我的代码：

“下拉站点”

 <form>

    <select name="country" id="countryname">
        <option>Sverige</option>
        <option>Norge</option>
        <option>Danmark</option>
        <option>Finland</option>

    </select>  


    <select name="region" id="regionname">
    </select>


</form>

Javascript (jQuery)

function popregion() {

$.getJSON('/blanketter_func2.php', {countryname:$('#countryname').val()}, function(data) {


    var select = $('#regionname');
    var options = select.prop('options');
    $('option', select).remove();

    $.each(data, function(index, array) {
        options[options.length] = new Option(array['region']);
    });
});
}

$(document).ready(function() {

popregion();
$('#countryname').change(function() {
    popregion();
});
});

函数文件 (blanketed_func2.php)。

<?php
$dsn = "mysql:host=localhost;dbname=blanketter";
$username = "root";
$password = "root";
$pdo = new PDO($dsn, $username, $password);

$rows = array();
if(isset($_GET['countryname'])) {
$stmt = $pdo->prepare("SELECT region FROM blanketter WHERE country = ? ORDER BY         region");
$stmt->execute(array($_GET['countryname']));
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);

}
echo json_encode($rows);

?>

我正在使用 jQuery 版本 1.9.1，任何帮助将不胜感激！

/斯坦

4

1 回答 1

0

问题出在 Javascrip 上。从 Jquery 1.9 开始，.live 已更改为 .on。正确的 Jquery 代码是：

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('func/blankett_func.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').on('change', function() {
    formObject.run($(this));
});

});
于 2013-02-26T00:06:35.570 回答