如何通过javascript从数据库获取下拉值

Question

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();
            }
        });
    });
});    

Answer 1

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

        }
    });