附加 <option>并从数据库中选择值

Question

如何在jQuery中为<option>附加数据库中的值。 例如：

<?php
    $sql = "query from database";
    $result = mysqli_query($conn, $sql);

    if (!$result) 
    {
        die(mysqli_error($conn));
    } 

    if (mysqli_num_rows($result) > 0)
    {
        while ($row = mysqli_fetch_assoc($result))
        {
            $name = $row['name'];
            $id = $row['id'];
        }
    } 
?>

<select name="selector" id="selector">
   <option value="0">Make Selection</option>
</select>

我想将数据库中的值附加到select框。 我尝试使用以下代码，但结果为空白。

$('#selector').find('option').append('<option value="<?php echo $id; ?>"><?php echo $name;?>');

Answer 1

<select name="selector"> 
          <option value="0">Make Selection</option>
     <?php
         $dd_res=mysql_query("Select DISTINCT designation from emp");
         while($r=mysql_fetch_row($dd_res))
         { 
               echo "<option value='$r[0]'> $r[0] </option>";
         }
     ?>
</select>

Answer 2

$('#selector').append('<option value="<?php echo $id; ?>"><?php echo $name;?></option>');

Answer 3

$('#selector').append('<option value="<?php echo $id; ?>"><?php echo $name;?></option>');

通过ajax调用

_.forEach(mem, function(obj) {
    content += "<option value="+obj.id+">"+obj.name+"</option>";
});
$('#selector').append(content);

Answer 4

<script type="text/javascript">
$(document).ready(function(){
$.ajax({
            type:'POST',
            url:'DropdownValues.php',
            data: ,               // if you want to pass data u can use this line or else remoce the line
            success:function(response){
               var select = $('#selector');
             select.find('option').remove();
            $.each(response, function(index, value) {
             $('<option>').val(value).text(value).appendTo(select);
            }
        });
}); 

您必须在jquery函数thwn中编写此函数，您将获取值，并且append对于该方法不起作用。 您必须使用appendTo函数。