自动选择php变量的动态下拉匹配值

时间:2019-01-22 03:09:30

标签: javascript php jquery

我要自动选择php变量的下拉匹配值的值

这是我的

    <select class="destinationId" id="destination" name="destinationId" onchange="getNationalityAndLiving(this.value,'','');">
                  <option value="" disabled selected>Select Traveling to</option>
                                <option data-prefix="azerbaijan" value="azerbaijan" >
                  Azerbaijan              </option>
                                <option data-prefix="cambodia" value="cambodia" >
                  Cambodia              </option>
                                <option data-prefix="egypt" value="egypt" >
                  Egypt              </option>
                                <option data-prefix="india" value="india" >
                  India              </option>
                                <option data-prefix="kenya" value="kenya" >
                  Kenya              </option>
                              </select>


<select class="nationality" name="nationality" id="nationality">
              <option value="" disabled selected>Select Citizen of</option>
            </select>

这是我的Ajax代码,用于检索选择选项“国籍”的动态下拉列表

    <script>
$(document).ready(function(){

    $("#destination").change(function(){
        var deptid = $(this).val();
        var dbnm = "country";
        var res = dbnm.concat(deptid);
        $('.overlay').show();
        $.ajax({
            url: 'getcountry.php',
            type: 'post',
            data: {dest:res},
            dataType: 'json',
            success:function(response){
                var len = response.length;

                $("#nationality").empty();
                for( var i = 0; i<len; i++){
                    var id = response[i]['id'];
                    var name = response[i]['name'];

                    $("#nationality").append("<option data-nation='"+name+"' value='"+name+"'>"+name+"</option>");

                }
               $('.overlay').hide();            
            }
        });
    });

});
</script>

我在此页面上有一些动态php变量,来自先前的URL。 例如

$nationality = "some value";

我想要的是第二个下拉列表中具有$ nationality值的下拉列表,

如果它是静态的,我本可以实现的,但是如何在动态中自动选择我却无法解决。

1 个答案:

答案 0 :(得分:0)

您可以将php变量传递给js变量

var Nationality = "<?php echo $nationality; ?>";

然后在附加option时可以使用

$("#nationality").append("<option data-nation='"+name+"' value='"+name+"' "+ (Nationality.trim() == name.trim()) ? 'selected' : '' +">"+name+"</option>");