Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript List.js不适用于表_Javascript_Html_Search_Listjs - Fatal编程技术网

Javascript List.js不适用于表

Javascript List.js不适用于表,javascript,html,search,listjs,Javascript,Html,Search,Listjs,我正在尝试使用list.js在表上实现“实时”搜索。我已经在列表上成功地进行了测试(做了一些类似于中的示例的事情)。但是,我无法为表复制此行为 我编写了以下小代码来复制该问题: <!DOCTYPE html> <html><head> <title>Test try</title> <meta charset="UTF-8"> <script type="text/javascript" src="list.min.

我正在尝试使用list.js在表上实现“实时”搜索。我已经在列表上成功地进行了测试(做了一些类似于中的示例的事情)。但是,我无法为表复制此行为

我编写了以下小代码来复制该问题:

<!DOCTYPE html>
<html><head>
<title>Test try</title>
<meta charset="UTF-8">

<script type="text/javascript" src="list.min.js"></script>

</head><body>

<div id="payload">
<input class="search" placeholder="Search">
<table style="border: 1px solid black">
    <thead>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
    </thead>
    <tbody class="list" >
        <tr>
            <td class="a">Lorem </td>
            <td class="b">ipsum </td>
            <td class="c">dolor </td>
            <td class="d">sit </td>
        </tr>
        <tr>
            <td class="a">amet</td>
            <td class="b">consectetur </td>
            <td class="c">adipiscing  </td>
            <td class="d"> elit </td>
        </tr>
    </tbody>
</table>
</div>

<script>
    var options = {ValueNames: ['a','b','c','d']};
    var searchable = new List('payload', options);
</script>

</body>
</html>

试一试
A.
B
C
D
洛勒姆
乱数假文
多洛
坐着
艾米特
圣骑士
告别
精英
var options={valuename:['a','b','c','d']};
var searchable=新列表(“有效负载”,选项);

由于某些原因,我无法确定,这不起作用,在FF中,搜索字段上的任何输入都会清除表体,删除它也不会恢复表。您能帮助我吗?

您在变量名
ValueNames
中有一个输入错误,应该是
ValueNames
。这里有一个代码的工作示例:

Hallo@pna,对于同一个表是否有多个搜索字段来为每一列提供自己的搜索字段?