نمایش ندادن اطلاعات در تگ input موقع استفاده از Autocomplete در بوت استرپ 4

من از autocomplete معرفی شده در دوره استفاده کردم. و اطلاعات از دیتابس خونده میشه ولی ویو بدرستی عمل نمیکنه.من از نسخه ای 4 بوت استرپ استفاده میکنم.

<script>
   $(document).ready(function () {
      $("#SematYaShoghlBime").autocomplete({
         source: function (request, response) {
         $.getJSON("/Home/SearchInTaminJobs", {
         term: $("#SematYaShoghlBime").val().trim()
      },
   response)},
   minLength: 3,
      });
   });
</script>

<div class="col-md-4">
   <label>شغل بیمه     
      <span style="color:red;margin-top:2px" >*</span>
   </label>
   <input class="form-control" type="text"  asp- 
      for="@Model.SematYaShoghlBime"  placeholder="جستجو کنید...">
</div>

jquery-ui.css رو هم تغیر دادم فایده نداشت

ویرایش شده در سه شنبه 19 مرداد 1400 ساعت 14:54:11

مشخصات سوال کننده :

کاربر : frisat امتیاز کاربر : ‎−2 رتبه کاربر : 7123

دسته بندی : Asp.net Core بوت استرپ Html

نظر ویرایش گزارش نشان

به این سوال امتیاز بدهید 0

تعداد بازدید این سوال : 4373

3 نظر

pedram_khan : دوره ؟ کدوم دوره ؟ اینجا یک وب سایت عمومی هست. لطفا اگر سوال یا اشکالی دارید کامل توضیح بدید تا همه افرادی که سوال رو میبینن بتونن پاسخ بدن

امتیاز کاربر : 277 رتبه کاربر : 6 تاریخ ثبت : 11:58 1400/05/18

حذف

saedbfd : لطفا اگر خطایی دارید بفرمایید. هیچ توضیحی در مورد خطا ارائه نکردید

امتیاز کاربر : 1664 رتبه کاربر : 1 تاریخ ثبت : 02:16 1400/05/19

حذف

ادامه نظرات ...

هوش مصنوعی

پاسخ هوش مصنوعی

برای حل مشکل عدم نمایش اطلاعات در تگ input هنگام استفاده از اتو کامپلیت در بوت استرپ 4، ابتدا مطمین شوید که تمامی لایبرری های مورد نیاز به درستی بارگذاری شده اند و سپس کد جاوا اسکریپت و اچ تی ام ال شما باید به صورت صحیح پیکربندی شود. در ادامه، نمونه کد اصلاح شده برای شما آورده شده است:

$(document).ready(function () {
   $("#SematYaShoghlBime").autocomplete({
      source: function (request, response) {
         $.getJSON("/Home/SearchInTaminJobs", {
            term: request.term
         }, response);
      },
      minLength: 3,
   });
});

<div class="col-md-4">
   <label>شغل بیمه     
      <span style="color:red;margin-top:2px">*</span>
   </label>
   <input class="form-control" id="SematYaShoghlBime" type="text" placeholder="جستجو کنید..." />
</div>

توجه داشته باشید که اطمینان حاصل کنید که ID تگ input برابر با "SematYaShoghlBime" باشد و همچنین این input به درستی در فرم شما قرار بگیرد. در صورت ادامه مشکل، بررسی کنید که آیا پاسخ مناسب از سرور دریافت می شود یا خیر.

به این پاسخ امتیاز بدهید 0

امتیاز: - رتبه: -

نظر ویرایش گزارش

پاسخ دهنده : frisat 11:37 1400/05/19

دوستان من تمام مراحل ساخت یک autocomplete رو رفتم ولی مشکل در نمایش نتایج جستجو هست لطفا به تصویر بالا رو ببینید

به این پاسخ امتیاز بدهید 0

امتیاز: ‎−2 رتبه: 7123

نظر ویرایش گزارش

1 نظر

pedram_khan : دوست عزیز مشکل شما در AutoComplete نیست. مشکل اصلی شما عدم آشنایی با کلاس های بوت استرپ 4 هست. شما یا باید از همون نسخه 3 بوت استرپ استفاده کنید و یا اینکه باید بوت استرپ 4 رو یاد بگیرید.

امتیاز کاربر : 277 رتبه کاربر : 6 تاریخ ثبت : 02:56 1400/05/19

حذف

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود

نمایش ندادن اطلاعات در تگ input موقع استفاده از Autocomplete در بوت استرپ 4

پاسخ هوش مصنوعی

آموزش ساخت اتوماسیون اداری تحت وب

آموزش ساخت سیستم فروش و انبارداری وب

آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن

آموزش ساخت سیستم آزمونگیر آنلاین