Jquery自动选择数据库选项

Jquery auto select option from database

本文关键字：数据库 选项 选择 Jquery      更新时间：2023-09-26
$(document).ready(function(){
    $("#country").load("country.php");
    $("#state").load("state.php");
    $("#country").change(function(){
            switch($("#country").val()){
                case "aus":$("#state").load("aus_state.php");break
                case "eng":$("#state").load("eng_countie.php");break
                case "usa":$("#state").load("us_state.php");break
            }
        });
});

我有一个动态选择选项，国家->状态，使用jquery加载文件。然而，我需要从数据库自动选择的选项。例如，如果用户数据库的国家是usa，那么该选项将自动选择usa。

像这样的

$country=$data['country'];//query from DB
if($("#country").val()==<?PHP echo $country;?>){select the option...}

你可以试试:

<html>
<head>
<title>Page</title>
</head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    //load countries
    $("#country").load("country.php");
    //print php variable into js
    var country = '<?php echo $data["country"]; ?>';
    //set the item that matches country variable as selected
    $("#country option").filter(function() { return $(this).text() == country; }).prop("selected", true);
});
</script>
<body>
(..)
相关文章：