Автозаполнение не появляется в модальном - PullRequest
Новая
       25

Автозаполнение не появляется в модальном

0 голосов
/ 22 ноября 2018

У меня проблема с появлением автозаполнения.

Я пытаюсь использовать автозаполнение jquery в модале начальной загрузки в следующей форме 

<form id="myForm" action="/platformDev/create_subscription.php" method="POST">
        <label class="control-label"><strong>Select Period</strong></label>
        <?php
            $query              =   "Select id as data_value, stock_date_str as data_name from view_stocktake_master";
            $id_value           =   "stocktake_id";
            $name_value         =   "stocktake_id";
            $lstr_stocktake     =   f_get_dropdown("id", "stock_date_str", "view_stocktake_master", '', "stocktake_id", "store_id = '$store_id'", '', '', ' id desc', true, false, true);

            echo $lstr_stocktake; ?> <br>
        <strong>Product Name:</strong> <span class="required_field"><i class="fa fa-star fa-sm"></i>   </span> <form autocomplete="off"><input  autofocus type="text" required class="form-control-login waste_details_items"   name="waste_details_items" tabindex="1"/>   <br/>
        <strong>Quantity:</strong> <span class="required_field"><i class="fa fa-star fa-sm"></i>   </span> <form autocomplete="off"><input  autofocus type="text" autocomplete="off" required class="form-control-login"   name="waste_details" tabindex="1"/>  <br/>
        <strong>Wastage Date:</strong> <span class="required_field"><i class="fa fa-star fa-sm"></i>   </span> <form autocomplete="off"><input autocomplete="off" class="form-control-login" tabindex="3" id="date" name="date" onkeypress="return isNumberKey(event, this)" placeholder="DD/MM/YYY" type="text"/>  <br/>
        <strong>Wastage at Cost:</strong> <span class="required_field"><i class="fa fa-star fa-sm"></i>   </span> <form autocomplete="off"><input disabled  type="text" autocomplete="off" required class="form-control-login" name="waste_amount" onkeypress="return isNumberKey(event, this)" tabindex="4"/>  <br/>

            <div class="submitactions modal-footer content_container">
            <button disabled="disabled" class="btn form-btns btn-primary"  style="float: right;" data-dismiss="modal" id=""><i class="fa fa-plus fa-md"></i><span>  Add Waste</button>
            </div>

    </form>

Затем вызывается Ajax для получения списка элементов по событию keyup 

$.ajax(
    {
        type: "POST",
        url: "get_products_list.php",
        data:'keyword='+$(this).val(),

        beforeSend: function(){
            current_autocomplete_parent.css("background","#FFF url(images/loaderIcon.gif) no-repeat 165px");
        },
        success: function(data)
        {
            top_offset  = $(current_autocomplete_parent).offset().top;
            left_offset = $(current_autocomplete_parent).offset().left;
            $("#autocomplete_suggestions").width($(current_autocomplete_parent).width());

            if((top_offset + 200) > $(window).height())
                top_offset  = $(current_autocomplete_parent).offset().top - 200;

            $("#autocomplete_suggestions").offset({ top: 0, left: 0});
            $("#autocomplete_suggestions").offset({ top: top_offset + 40, left: left_offset });
            $("#autocomplete_suggestions").show();
            $("#autocomplete_suggestions").html(data);
            $("#autocomplete_item_block").focus();
            current_autocomplete_parent.css("background","#FFF");
            autocomplete_bloc_visible = true;
            $("#autocomplete_suggestions").show();
        }
    });

Событие инициировано, результаты возвращаются так, как я их вижу в консоли, но поле автозаполнения не отображается.Я могу видеть loaderIcon.gif на секунду, а затем ничего.

Я пытался изменить z-index моего пользовательского интерфейса в файлах CSS, но это не помогло.Я не совсем уверен, где я иду не так.

...