2016-07-06 7 views
-1

ダイナミックドロップダウンボックス(他のテキストボックスの変更機能)を作成し、保存されたSQLデータベースからドロップダウンオプションを取得しました配列で。データが配列に保存されるようになりました。配列の値をドロップダウンリストのオプションとして表示したいのですが。phpのドロップダウンリストで配列に保存されたオプションを表示する方法

success: function(result){ 
    var pch=result.split('//'); 
    var plen=pch.length; 
    var options=''; 
    $('#fid').html(''); 
    $('#fid').append('<tr><td><br><b>PROCESS NAME</b><br><br></td></tr><tr><td><select name="process_name" label="" id="prc" style="height:30px; margin-top:-5px; min-width:190px; width:auto;" ><option value="">Select any</option>'); 

    for(var j2=0;j2<plen-1;j2++){ 
     $('#fid').append('<option value="'+pch[j2]+'">'+pch[j2]+'</option>'); 
    } 
    $('#fid').append('</select></td></tr>'); 
} 
+0

とエラーは何ですか? –

+0

オプションがドロップボックスに表示されず、ドロップダウンリストの下に1行として表示されました。@ Jayesh Chitrodaの下のコードが助けられ、今解決されました!ありがとう –

答えて

0

.each()をすべてループしてdivに入れてください。

var pch = ["Val 1","Val 2","Val 3","Val 4","Val 5","Val 6","Val 7"]; 
 
var str = ""; 
 

 
$('#fid').html(''); 
 
str ='<tr><td><br><b>PROCESS NAME</b><br><br></td></tr><tr><td><select name="process_name" label="" id="prc" style="height:30px; margin-top:-5px; min-width:190px; width:auto;" ><option value="">Select any</option>'; 
 

 

 
$.each(pch, function(i,v) { 
 
    str += '<option value="'+v+'">'+v+'</option>'; 
 
}); 
 

 
str += '</select></td></tr>'; 
 

 
$('#fid').append(str);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<div id="fid"></div>

+0

よろしく!そのおかげで多くの:) –

関連する問題