JQuery редактируемый выбор с данными из базы данных

Question

В этом случае может помочь любой, у меня есть тег select, в котором данные загружаются из базы данных SQL с помощью метода Ajax POST.

Мой код приведен ниже, но он работает неправильно, но также не отображает никаких ошибок. Я использую редактируемый выбор для достижения этой цели. Любая помощь будет оценена.

ССЫЛКА

        <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

Для тех, кто мог столкнуться с этой проблемой, я публикую обходной путь, который я сделал, чтобы решить эту проблему.Поддерживается только в HTML5

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

Спасибо.

Answer 2

Я думаю, что проблема вызвана строкой <b> $('#ddltransactionId').editableSelect();</b> Вы не можете писать в HTML-тег таким образом в JavaScript.Здесь вам нужно просто позвонить $('#ddltransactionId').editableSelect();.