【问题标题】:How to filter data from dynamically generated list?如何从动态生成的列表中过滤数据?
【发布时间】:2014-07-26 04:02:51
【问题描述】:

目前我正在asp.net 中开发一个Web 应用程序。 应用程序以 json 格式从 Web 服务接收数据。要求是动态开发控件,我是使用html控件完成的。我在其中动态创建了标签列表和存储值。现在我想在该列表的顶部添加过滤器,以便它可以根据在文本框中输入的值过滤数据。 根据在文本框中输入的值,我想要类似于 item1、item2 等数据的文本框列表下方的内容。我需要过滤数据。 我怎样才能做到这一点?我尝试使用 list.js 但它不起作用。

<% foreach (var item in (List<string>)Session["list"])
  { 
%>
<%--<li><label onclick="redirect('<%:item %>')"><%: item %></label><br/></li>--%>       
   <li><%:item %></li>
<% } %>

【问题讨论】:

  • )Session["list"]){%>
    --%>

标签: c# javascript jquery html asp.net


【解决方案1】:

使用 onkeyup 事件处理程序添加 texbox,将一些 id 设置为 ul 例如id="列表"

  <input type="text" onkeyup="filter(this)" />
  <ul id="list">
      <li>a</li>
      <li>abc</li>
      <li>bcd</li>
      <li>abc</li>
  </ul>

添加以下脚本 (source) 和对 jquery 的引用

  <script>
    function filter(element) {
        var value = $(element).val(); 
        $("#list > li").each(function() {
            if ($(this).text().search(value) > -1) {
                $(this).show();
            }
            else {
                $(this).hide();
            }
        });
    }
  </script>

演示:http://jsbin.com/hahodetu/1/edit?html,output

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签