2016-09-20 3 views
0

<option>をjQueryにデータベースからの値で追加する方法。たとえば:<option>を追加し、DBから値を選択

<?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ボックスに値を追加します。私は下のコードで試しましたが、結果は空白です。 AJAX呼び出し

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

フルコードを表示してください。私はあなたがajaxを使っていることを願っています。 –

+0

'.find( 'option')'を削除してください –

+0

ヘルプ@RoryMcCrossanをありがとう。 1つ以上の結果の値を表示するにはどうすればよいですか?追加のためにwhileループに挿入する必要がありますか? – Amran

答えて

3
<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> 
+0

jqueryで追加する方法を知ってもいいですか? – Amran

+0

@venkeyコード –

+0

を使用すると、ajaxのない方法がありますか? – Amran

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

uはあなたが値を取得し、追加しますthwn jqueryの関数で記述する必要があり、これは、このために動作しません。方法。 appendTo関数を使用する必要があります。

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

助けてくれてありがとうございますが、値の結果が2つ以上表示されなければならない場合はどうしたらいいですか?それはまた、追加を使用して行うことができます – Amran

+0

はい、whileループ内に入れることができます – manu

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

経由

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

申し訳ありませんが、私はどのように機能を適用するのですか? – Amran

関連する問題