Question

我有一个下拉列表，它是在页面加载时使用ajax动态生成的。另一方面，我有一个php变量，其中包含默认选择的值。但是，当Iam尝试这样做时，它不会选择值。以下是代码：

HTML＆amp; PHP

<h1>Venue: Edit</h1>
<a href="/venue"><< Back to Venue List</a>
<br />
<form method="post" id="venueEdit" action="<?php echo URL;?>venue/editSave/<?php echo $this->venue['id']; ?>">
    <fieldset>
            <p>
                <label for="cvenue" class="main">Venue</label>
                <input id="cvenue" class="required" type="text" name="venue" value="<?php echo $this->venue['name']; ?>" />
            </p>
            <p>
                <label for="ccity" class="main">City</label>
                <input id="ccity" class="required" type="text" name="city" value="<?php echo $this->venue['city']; ?>" />
            </p>
            <p>
                <label for="ccountry" class="main">Country</label>
                    <select id="ccountry" class="required" name="country">
                        <option value="">-- Select Country --</option>
                    </select>

            </p>
            <p>
                <label class="main">&nbsp;</label><input type="submit" value="Save" />
            </p>
        </fieldset>   
</form>

JS：

function populateCountryDropDown(url){
    $.get(url, function(o) {
        for(var i = 0; i < o.length; i++){
            $('select[name="country"]').append('<option value="' + o[i].id + '">' + o[i].name + "</option>");
        }
    }, 'json');
}

$(document).ready(function(){
        populateCountryDropDown('<?php echo URL; ?>' + 'country/xhrGetCountryList');
        $('select[name="country"]').val('<?php echo $this->venue['countryid']; ?>');
        $("#venueEdit").validate();
    });

我试图提醒php值并且没关系，但如果我提醒选择选项值，它总是为null，因为此时它仍然填充下拉列表。我不知道如何解决这个问题。很感谢你的帮助吗？感谢。

Answer 1

您需要移动代码以将值设置为回调，以便在$.get()触发的AJAX调用返回后触发设置的值。

function populateCountryDropDown(url){ $.get(url, function(o) { for(var i = 0; i < o.length; i++){ $('select[name="country"]').append('<option value="' + o[i].id + '">' + o[i].name + "</option>"); } $('select[name="country"]').val('<?php echo $this->venue['countryid']; ?>'); $("#venueEdit").validate(); }, 'json'); } $(document).ready(function(){ populateCountryDropDown('<?php echo URL; ?>' + 'country/xhrGetCountryList'); });

Answer 2

这段代码：

$('select[name="country"]').val('<?php echo $this->venue['countryid']; ?>');

尝试更改为：

$('select[name="country"]').val('<?php echo $this->venue["countryid"]; ?>');  // Double quotes around countryid vs the single quote.

如何使用jquery设置动态下拉列表的选定值？

2 个答案: