<option>の値をjqueryを使用してドロップダウンに追加する方法

Question

私は選択リストにドロップダウンオプションを追加する必要があるプロジェクトで作業しています。オプションを追加しようとしましたが、ドロップダウンで表示されません。私は

$("#p_combination").empty(); 
for(var i = 0; i < len; i++) { 
    var dish_name = response[i]['dish_name']; 
    var pincode = response[i]['pincode']; 

    $("#p_combination").append("<option value='" + dish_name + "'>" + dish_name + "</option>"); 
    document.getElementById('pincode').value = pincode; 
} 

<select name="p_combination[]" id="p_combination" multiple> 
    <option value="0">Select</option> 
</select> 

Answer 1

のデバッグに値を取得していながら、これを試してみてください：

$("#p_combination").empty(); 
 
//supposing that your response object is something like : 
 
var response=[{'dish_name':'name1','pincode':1},{'dish_name':'name2','pincode':2},{'dish_name':'name3','pincode':3}]; 
 
for(var i = 0; i < response.length; i++) { 
 
$("#p_combination").append("<option value='" + response[i]['dish_name'] + "'>" +response[i]['dish_name'] + "</option>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<select name="p_combination[]" id="p_combination" multiple> 
 
    <option value="0">Select</option> 
 
</select>

Answer 2

は、次の例のようにjQueryで.append()メソッドを使用することができます。

実施例：

$(document).ready(function(){ 
 

 
    $('button').click(function(){ 
 
    \t var newOptionValue = $('option').length; 
 
    \t $('select').append('<option value="' + newOptionValue + '">Option ' + newOptionValue + '</option>'); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="p_combination[]" id="p_combination" multiple> 
 
    <option value="0">Option 0</option> 
 
</select> 
 

 
<button type="button">Append Option</button>