Question

我想从数据库中检索区域和状态，还要根据第一个下拉列表填充第二个下拉列表。在下面的代码中，值直接插入：

<!DOCTYPE html>
<head>
    <script type="text/javascript" src="C:\Program Files\BitNami WAPPStack\apache2\htdocs \Prj\Online\jquery-1.9.1.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
        var options = $('#test2 option');
        $('#test1').on('change', function(e) {
            $('#test2').append(options);
            if ($(this).val() != 'Select') {
                $('#test2 option[value!=' + $(this).val() + ']').remove();
            } else {
                $('#test2').val('Select');
            }
        });
    });
    </script>
    <form name="form1" method="post" action="fid1.html">
        <select name="test1" id="test1">
            <option value="Select">Select</option>
            <option value="a">TamilNadu</option>
            <option value="b">Kerala</option>
            <option value="c">Andhra</option>
        </select>
        <select id="test2" name="test2">
            <option value="Select">Select</option>
            <option value="a">Chennai</option>
            <option value="a">Trichy</option>
            <option value="a">Madurai</option>
            <option value="b">Trivandram</option>
            <option value="b">Cochin</option>
            <option value="b">Azhapuzha</option>
            <option value="c">Hyderabad</option>
        </select>
    </form>
</head>
</html>

Answer 1

为此，您应该在第一个投递箱上使用Ajax调用。 Ajax是一种从数据库中获取数据的服务器端工具。

创建一个ajax函数，例如get_country（）

$(function() { $('#test1').change( function() { var val = $(this).val();

                $.ajax({
                   url: 'findState.php',
                   dataType: 'html',
                   data: { country : val },
                   success: function(data) {
                       $('#state').html( data );
                   }
                });
            }
            else {
               $('#state').val('').hide();
               $('#othstate').show();
            }
        });
    });

现在在findstate.php上执行数据库查询，并使用state div显示特定状态列表。

使用PostgreSQL从数据库中检索区域

1 个答案: