JQuery 使用数据库中的数据进行编辑选择

Question

在这种情况下，任何人都可以提供帮助，我有一个选择标签，其中使用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({
        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