تابع جستجو در جاوا اسکریپت - هفت خط کد انجمن پرسش و پاسخ برنامه نویسی

تابع جستجو در جاوا اسکریپت

0 امتیاز

سلام،

من در برنامه یک فرم دارم که شامل یک تکست باکس برای گرفتن نام کشورهای مختلف از کاربر و یک دکمه برای اضافه کردن نام این کشورها به لیست هست.نیاز به یک تابع برای سرچ در این لیست دارم.بطوری که به عنوان مثال اگر لیست من شامل کشورهای Iran,Japan,Iran,Spain هست، وقتی دکمه i در تکست باکس مربوط به جستجو تایپ میشه، کشورهای iran و iraq در لیست نمایش داده بشن. ممنون.

                                                                                                                                                                                                                                                             }()function myFunction
var input, filter, ul, li, a, i, txtValue
input=document.getElementById('searchBox')
()filter = input.value.toUpperCase
ul = document.getElementById("elements-list")
li = ul.getElementsByTagName("li")
} for (i = 0; i < li.length; i++)
    a = li[i].getElementsByTagName("li")[0]
    txtValue = a.textContent || a.innerText
    }if (txtValue.toUpperCase().indexOf(filter) > -1)
       " "= li[i].style.display
    } else {
     " li[i].style.display = "none
    {
  {
{  

این کدی هست که من استفاده کردم ولی وقتی داخل سرچ شروع به نوشتن میکنم هیچ تغییری بوجود نمیاد.

سوال شده شهریور 11, 1399  بوسیله ی golden.light (امتیاز 43)   5 7 10
ویرایش شده شهریور 12, 1399 بوسیله ی golden.light
لطفا راه حل خودتونو هم قرار بدید

1 پاسخ

0 امتیاز

بنظرم بجای درگیر اضافه، از ابزار موجود استفاده کنید که برای همین کار هستن https://select2.org/ https://harvesthq.github.io/chosen/

پاسخ داده شده شهریور 12, 1399 بوسیله ی 7khatcode (امتیاز 228)   2 4
...