データベーステーブルから選択ボックスに値を取得する

Question

私は、mysqlデータベーステーブルから値を取得するコンボボックスを作成します。 ここには実装するサンプルコードがありますが、selectboxの値は設定されません。

mydata +='<div class="content nodisplay"><div class="row"><div class="label" style="font-size:22px;">Subject</div><div class="data"> 
<select id="fillsubject" name="fillsubject">'; 
$.post(document.URL,qstring,function(data){ 

     var subjects = $(data).filter('.subjects'); 

     $.each(subjects,function(index,value){ 
      var subid = $(this).attr('id'); 
      var subname = $(this).text(); 
      mydata += "<option value='"+subid+"'>"+subname+"</option>"; 
      //mydata += "<option value='english'>english</option>"; 
     }); 

}); 
mydata +='</select></div></div></div>';  

Answer 1

ソースコードの残りの部分にどのようにコードサンプルが入りますか？

のではなく、あなたの.each関数の

mydata += "<option value='"+subid+"'>"+subname+"</option>"; 

を使用して、あなたは

$("#fillsubject").append("<option value='"+subid+"'>"+subname+"</option>"); 

を使用したほうが良いでしょう私はあなたのコードサンプルした後mydataでやっているのか分かりません投稿は非同期であるため、jsがあなたのサーバからの返信を受け取ったときにmydataが既に表示されている可能性があります。この場合、上記の提案は期待通りに機能します。

Answer 2

var mydata +='<div class="content nodisplay"><div class="row"><div class="label" style="font-size:22px;">Subject</div><div class="data"><select id="fillsubject" name="fillsubject"></select></div></div></div>'; 
$.post(document.URL,qstring,function(data){ 

     var subjects = $(data).filter('.subjects'); 
     var subopts = ''; 
     $.each(subjects,function(index,value){ 
      var subid = $(this).attr('id'); 
      var subname = $(this).text(); 
      subopts += "<option value='"+subid+"'>"+subname+"</option>"; 
     }); 
     //after the loop is over building your <options/> inject the html 
     $('#fillsubject').html(subopts); 
}); 

あなたは必要はありません<select></select>を分割しています。上記のようにすることができます。