使用AJAX接收选项时,从选择中自动选择一个选项

时间:2012-05-25 22:22:39

标签: php javascript jquery html

我的问题是我有一个下拉列表,其值由jQuery调用的Ajax填充。如何将特定选项设置为默认选择选项?

的HTML

<li>
     <label>Type</label>
     <select  name="type"class="TypeSelector"></select>
     <span class="errorMessage"></span>
</li>

的jQuery

$.getJSON("http://localhost/Mar7ba/Type/getAllTypes/TRUE",function(data){
            var options = '';
            options+="<option>Select Type</option>";
            for(var i=0;i<data.length;i++){
                options += "<option>"+data[i]+"</option>";
            }
            if($("#addPlace #apTypeSelect").length){
                $("#addPlace #apTypeSelect").html(options);
            }
            if($('.TypeSelector').length){
                $('.TypeSelector').html(options);
            }
        });

并且所选的选项是

<?php echo $question['name'];?>

我试过这样:

<li>
         <label>Type</label>
         <select  value="<?php echo $question['name'];?>"name="type"class="TypeSelector"></select>
         <span class="errorMessage"></span>
</li>

......但不起作用 我做错了什么?

1 个答案:

答案 0 :(得分:2)

通过jQuery做到这一点。提供select个ID(我已使用mySelect)并执行:

$(function() {
    $("#mySelect").val("<?php echo $question['name'];?>");
});