在asp.net中将数据绑定到html5数据列表

我正在尝试HTML5。在html5中将数据从datatable绑定到asp.net下拉控件时，是否可以将数据绑定到datalist

在那里我可以找到这些细节。非常感谢您的指点。：）

谢谢

1）将

runat=“server”

分配给数据列表，以便可以从代码隐藏处访问它：

Enter your favorite browser name:<br />
<input id="browserName" list="browsers" />
<datalist id="browsers" runat="server" /> 

如果要在站点中的多个位置使用此功能，可以在其中填充datalist或创建如下HTTP处理程序：

1） 将通用处理程序添加到项目中，并将其称为AutoCompleteHandler.ashx

2） 内部AutoCompleteHandler.ashx put：

public class AutoCompleteHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        context.Response.Clear();

        var options = new System.Text.StringBuilder();
        options.Append("<option value='IE'>");
        options.Append("<option value='Chrome'>");
        options.Append("<option value='Firefox'>");
        options.Append("<option value='Safari'>");
        options.Append("<option value='Opera'>");

        context.Response.Write(options.ToString());
        context.Response.End();
    }
    public bool IsReusable
    {
        get{return false;}
    }
}

公共类自动完成处理程序：IHttpHandler
{
公共void ProcessRequest（HttpContext上下文）
{
context.Response.ContentType=“text/plain”；
context.Response.Clear（）；
var options=new System.Text.StringBuilder（）；
选项。附加（“”）；
选项。附加（“”）；
选项。附加（“”）；
选项。附加（“”）；
选项。附加（“”）；
context.Response.Write（options.ToString（））；
context.Response.End（）；
}
公共布尔可重用
{
获取{return false；}
}
}

3） 当页面加载并用返回的结果填充datalist时，通过jQuery调用处理程序：

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $.post('AutoCompleteHandler.ashx', function (data) {
            $('#browsers').html(data);
        });
    });
</script>

$（文档）.ready（函数（）{
$.post（'AutoCompleteHandler.ashx'，函数（数据）{
$（'#browsers'）.html（数据）；
});
});

你多跑了一英里。感谢您提供详细的答案和参考资料：）

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $.post('AutoCompleteHandler.ashx', function (data) {
            $('#browsers').html(data);
        });
    });
</script>