[英]Getting values in Dropdown using Javascript
I am using an API to get data from a mySQL database in a JSON format and I show the data in a datatable. 我正在使用API以JSON格式从mySQL数据库获取数据,并在数据表中显示了数据。 What I am doing is to edit something I am showing a modal with the data to edit. 我正在做的是编辑要显示的模态以及要编辑的数据。 It has a dropdown as well. 它也有一个下拉列表。 I am confused as I don't know how to populate them with the values from database, I have tried everything till now but still I am not successful. 我很困惑,因为我不知道如何用数据库中的值填充它们,到目前为止,我已经尝试了所有方法,但仍然不成功。
Here's the script, 这是脚本
$('#company .edit-company').live('click', function() {
var id = $(this).attr('id');
$('#company-label').html('Edit ');
$('#company-form')[0].reset();
$.ajax({
url : '/index.php/company/profile_data',
type : 'POST',
data : 'companies[]=' + id,
beforeSend : function() {
$('#loading-span7').show();
},
success : function(data, textStatus, xhr) {
var details = JSON.parse(data);
console.log(details.aaData[0].homepage_url);
$('input[name=company-name]').val(details.aaData[0].name);
$('input[name=package-id]').html(details.aaData[0].package_id);
//$('#package-id').val(details.aaData[0].package_id);
$('#edit_company').modal('show');
$('#loading-span7').fadeOut();
},
error : function(xhr, textStatus, errorThrown) {
//alert('error');
}
});
});
And here's the HTML 这是HTML
<div id="edit_company" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h3 id="myModalLabel"><span id="company-label"></span>Company</h3>
</div>
<div class="modal-body">
<form id="company-form">
<fieldset>
<label>Name</label>
<input type="text" placeholder="Type something…" name="company-name">
<label>Package</label>
<select name="package" name="package-id" id="package-id">
<option></option>
</select>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">
Close
</button>
<button class="btn btn-primary">
Save changes
</button>
</div>
</div>
$('select#package-id option').text(details.aaData[0].package_id);
to create options: 创建选项:
var option1 = $('<option />', {text: details.aaData[0].package_id}),
option2 = $('<option />', {text: details.aaData[1].package_id}),
option3 = $('<option />', {text: details.aaData[2].package_id});
$('select#package-id').append(option1, option2, option3);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.