如何在HTML文本搜索中忽略简码

时间:2018-10-07 18:08:00

标签: html wordpress search drop-down-menu shortcode

我正在寻找解决特定问题的方法:

我正在尝试使用带有搜索选项的w3schools下拉菜单,其中包含用于国家/地区标志的简码,并且我需要搜索功能将忽略该简码而只查找国家/地区名称。 有人可以提供解决方案吗?

谢谢。

我将链接附加到基本的w3schools html代码和一些屏幕截图,以获得更好的解释:

enter image description here

enter image description here

我的代码

1 个答案:

答案 0 :(得分:0)

WordPress短代码在运行时进行解析,因此您实际上需要担心这些短代码的输出是什么。可能类似于matplotlib.image.imsave

由于您显然可以控制下拉列表中的HTML标记,因此我只将Country包裹在一个范围内,然后使用JavaScript定位。以以下代码段为例:

您会注意到,它不再关心锚点内的任何其他内容,而只关心锚点ftp open <SERVER> <Usename> <Pass> cd </file_location> delete *.xlsx` bye 内的文本。

<img src="/path/to/flags/flag-1.png" />
span
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}

function filterFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    div = document.getElementById("myDropdown");
    a = div.getElementsByTagName("a");
    
    for (i = 0; i < a.length; i++) {
        var label = a[i].querySelector('span');
        if (label.innerText.toUpperCase().indexOf(filter) > -1) {
            a[i].style.display = "";
        } else {
            a[i].style.display = "none";
        }
    }
}