使用javascript中的append创建动态下拉列表

时间:2014-03-27 08:00:02

标签: javascript php jquery append

当我使用静态代码进入jquery创建动态下拉列表时,使用append()然后它的工作,如

$('#optionNameCity')
     .empty()
     .append('<option selected="selected" value="Wakad">Wakad</option><option value="Hinjewadi"> Hinjewadi </option>');
}

但是当我使用php脚本创建动态列表时,它的失败并没有显示任何输出,比如

$('#optionNameCity')
     .empty()
     .append($(<?php include('db.php');$loc= mysql_query("select city from location");while($row=mysql_fetch_array($loc)){echo "<option selected='selected' value='".$row['city']."'>" . $row['city'] . "</option>";}?>));
             }

请指导我出错的地方。

由于

1 个答案:

答案 0 :(得分:0)

  <?php include('db.php');
      $loc= mysql_query("select city from location");
      $cityList="";
        while($row=mysql_fetch_array($loc))
       {
          $cityList="<option selected='selected' value='".$row['city']."'>" . $row['city']."</option>";
       }
  ?>
  <?php if($cityList!=""){ ?>
     $('#optionNameCity option').remove();               
     $('#optionNameCity).append("<?php echo $citylist; ?>");
  <?php } ?>           

用上面的代码替换你的代码