搜索输入的文本是否在选择列表中

问题描述

我使用prestashop1.7。按品牌搜索可以在ps_facetedSearch模块中的“下拉列表”形式下完美运行。

我需要覆盖此搜索而不是下拉列表，我需要一个输入字段，所以我认为解决方案可以是搜索下拉列表中是否存在输入的文本。这是我的文章，但是尽管控制台登录txtValue并插入了这些变量的showContent，但控制台却没有显示。这就是为什么我需要您有关脚本js本身的帮助，该脚本必须测试下拉列表中是否存在输入的文本。

模块多面搜索的代码html

<div class="dropdown-menu" id="dropdown-menu">
   <a rel="nofollow" href="http://archivartshop.local/fr/2-accueil?q=Marque-Naim+Ameur" class="select-list"> Naim Am(1)</a>
 <a rel="nofollow" href="http://archivartshop.local/fr/2-accueil?q=Marque-Sonia+Mili" class="select-list"> Sonia Mili (1) </a>
   <a rel="nofollow" href="http://archivartshop.local/fr/2-accueil?q=Marque-Yosr+Ben+Hammouda" class="select-list"> Yosr Ben Houda(2)</a>
 </div>

我的论文脚本js

function mFn(){
  divLi = document.getElementById("dropdown-menu");
  linka = divLi.getElementsByTagName("a");
for (i = 0; i < linka.length; i++) {
var  txtValue = linka[i].textContent ;
  // console.log(txtValue); content displayed
  var inpted = $('#search_input').val();
  // console.log(inpted);content displayed

  if( txtValue === inpted)
  {

    console.log("it_works");

  }
else {
  console.log("No !!");
}
}

}

非常感谢您的帮助

解决方法

现在它对我有用

function mFn(){
  divLi = document.getElementById("dropdown-menu");
  linka = divLi.getElementsByTagName("a");
for (i = 0; i < linka.length; i++) {
var  txtValue = linka[i].textContent ;
  // console.log(txtValue); content displayed
  var inpted = $('#search_input').val();
  // console.log(inpted);content displayed

  if( txtValue.includes(inpted) )
  {

    console.log("it_works");

  }
else {
  console.log("No !!");
}
}

}