Question

在这种情况下，任何人都可以提供帮助，我有一个select标记，其中使用Ajax POST方法从SQL数据库加载数据。

我的代码在下面，但无法正常工作，但也未显示任何错误。我正在使用可编辑的选择来实现这一点。任何帮助将不胜感激。

链接

        <link rel="stylesheet" href="https:rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" />
        <script src="https://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script>

AJAX

     $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        // url: "SerialNumberCapture.aspx/GetAllCompanyDetails",
        url: "ViewSerialNumbers.aspx/ViewGetAllTransactionID",
        data: "{CompanyCode:'" + companycode + "',TransactionType:'" + transype + "'}",
        dataType: "json",
        success: function (data) {
            //$('#ddlViewTransactionType option:not(:first)').remove();

            $("#ddltransactionId").empty().append("<option value='0'>Select</option>");
            //$("#ddltransactionId").empty();
            $.each(data.d, function (key, value) {

                $("#ddltransactionId").append($("<option></option>").val(value.TransId).html(value.TransId));

            });
            $('#ddltransactionId').editableSelect();

          },
        error: function (result) {
            alert("Failed: " + result.status + ": " + result.responseText);
        }
       });

Answer 1

我认为问题是由<b> $('#ddltransactionId').editableSelect();</b>行引起的。您无法在JavaScript中以这种方式写入html标记。在这里，您应该只致电$('#ddltransactionId').editableSelect();。

Answer 2

对于那些可能已经遇到此问题的人，我发布了一个为解决此问题而执行的解决方法。它仅在HTML5中支持

                    <input type="text" list="ddltransactionId" id="txtTransactionId" />
                    <datalist id="ddltransactionId">
                        <option value="0">Select</option>
                    </datalist>

谢谢。

Answer 3

我遇到了同样的问题，你必须怎么做

$.getJSON("http://localhost:34168/api/machine/getall", function (data) {
  $("#modal_machine_name_select").html('');
  $.each(data, function () {
    console.log(data);
    var dt = this;
    
    $('#modal_machine_name_select').editableSelect('add', function () {
      $(this).attr('value', dt.Machine_id);
      $(this).text(dt.Machine_Name);
    });

查看此处的文档 => https://github.com/indrimuska/jquery-editable-select

jQuery可编辑的选择与数据库中的数据

3 个答案: