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函数中写入，你将获得值，并且追加将不适用于此方法。你必须使用appendTo函数。

附加<option>并从DB中选择Value

4 个答案: