附加<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>'); 

通過Ajax調用

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

Answer 3

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

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); 
      } 
     }); 
}); 

這款U擁有jQuery函數寫THWN你會得到的值和追加不會爲這方面的工作方法。你必須使用appendTo函數。