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()方法，如以下示例所示。

工作示例：

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何使用jquery

2 个答案: