Question

此代码用于在表格和表格中创建动态行。在这个代码下拉值应该是从数据库感觉请告诉我如何填写此代码的下拉列表

<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

您可以尝试这样

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

        }
    });

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

1 个答案: