来自数据库的Jquery自动选择选项

时间:2013-06-09 04:18:42

标签: javascript jquery

$(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
            }
        });
});

我有一个动态选择选项,country-> state,使用jquery加载文件。但是我需要从DB中自动选择选项。恩。如果用户的DB所在的国家/地区是美国,则该选项将自动选择美国。

类似这样的事情

$country=$data['country'];//query from DB

if($("#country").val()==<?PHP echo $country;?>){select the option...}

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

<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>
(..)