[英]How to get dropdown value from database through javascript
This code is used to create dynamic row in table & in this code dropdown value should be feel from database Please tell me how to fill dropdown for this code 此代码用于在表格中创建动态行,并且在此代码中应该从数据库中感受到下拉值,请告诉我如何为此代码填充下拉列表
<script type="text/javascript">
$(document).ready(function(){
$(".add-row").click(function(){
// var markup = "<tr><td><input type='checkbox' name='record'></td><td><input type='text' name=''></td><td><input type='text' name=''></td><td><input type='text' name=''></td><td><input type='text' name=''></td><td><input type='text' name=''></td><td><input type='text' name=''></td>";
var markup = "<tr class='item-row'><td align='center'>"+
"<input name='record' type='checkbox'>"+
"</td> <td align='center'>"+
"<div class='form-group'>"+
"<select name='item_select1' id='item_select1' class='form-control' onchange='item_value();'>"+
"<option value='' disabled selected>---Select---</option>"+
"<option value='1'>+Add New Item</option>"+
"</select><br />"+
"<textarea id='item_description' name='item_description'></textarea></div></td>"+
"<td align='center'><input type='text' class='form-control' name='item_unit' id='item_unit' placeholder='Display Name ...'></td>"+
"<td align='center'><input type='text' class='form-control' name='item_rate' id='item_rate' placeholder='Display Name ...'></td> "+
"<td align='center'><input type='text' class='form-control' name='item_discount' id='item_discount' placeholder='Discount %'></td>"+
"<td align='center'><div class='form-group'>"+
"<select name='item_tax_id1' id='item_tax_id1' class='form-control' onchange='tax_value();'>"+
"<option value='' disabled selected>---Select---</option>"+
"<option value=''>+Add New Item</option></select></div></td>"+
"<td align='center'><label name='item_amount' id='item_amount'></label></td></tr>";
$("table tbody").append(markup);
});
// Find and remove selected table rows
$(".delete-row").click(function(){
$("1 tbody").find('input[name="record"]').each(function(){
if($(this).is(":checked")){
$(this).parents("tr").remove();
}
});
});
});
You can try like this 你可以这样尝试
$.ajax({
type: "POST",
url: url,
contentType: "application/json; charset=utf-8",
async: false,
data: data,
dataType: "json",
success: function (json) {
$.each(json, function (index, elem) {
$("#drpId").append("<option value=\"" + elem.value+ "\">" + elem.name+ "</option>");
});
}
},
error: function (errMsg) {
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.