如果使用ajax收集数据,则使用jquery的自动选择不起作用


auto select using jquery not works if data is collected using ajax

我使用ajax 自动从数据库加载了选择数据

 <div class="row-form">
          <div class="span2">Condition:</div>
          <div class="span4 input-prepend">
          <span class="add-on blue"><i class="icon-arrow-down icon-white"></i></span>
          <select name="condition" id="condition" class="validate[required]" >
           </select>
          </div>
      </div>

    //ajax function to load condition to select box
$.ajax({
    url:'search/condition.php',
    type:'POST',
    async:true,
    success: function(data){
        $("#condition").html(data);
    }
});

ajax的PHP代码:-

<?php
require("../dbconnect.php");
    $qry="SELECT * FROM  condition_master";
        $rs=mysqli_query($con,$qry);
       $data .= "<option value=''>Select condition</option>";
      while($row=mysqli_fetch_array($rs)){
          $des=$row['condition_des'];
          $data .= "<option value='$des'>$des</option>";
      }
      echo $data;
?>

其装载正确。。但是当试图使用jquery自动选择条件时,它没有正确选择

 <script>
    $(function(){
        $("#condition").val('used');
    });
 </script>

尽管您不应该真正从这样的web服务返回HTML,但您需要在填充<select>:之后调用.val()

success: function(data){
        $("#condition").html(data).val('used');
    }

使此函数成为

function loadcondition (getFile){
$.ajax({
url: getFile,
beforeSend: function (){
$("#condition") .html("<img src='"style/img/ajax.gif'" />");
},
success: function(data){
$("#condition") .html(data);
}
});
}

使用

loadcondition("search/cocondition.php");

您可以将其添加到成功的中

success: function(data){
    $("#condition").html(data).val('used');
}