实施 datalist 并寻找替代方案答案

【问题标题】：Implementing datalist and searching for alternatives实施 datalist 并寻找替代方案
【发布时间】：2014-10-02 19:03:00
【问题描述】：

我正在尝试在 ASP.NET MVC 中实现 datalist。以下是我试图这样做的代码：

<div class="clearfix" style="margin-top:20px;">
    <div class="FloatLf" style="width:120px">Contact Name :</div>
    <datalist id="custServiceContactsSelection" > </datalist>

</div>


<script type="text/javascript">
    function GetDropDownData(f) {
        $.ajax({
            url: '/Rentals/Base/GetContactsForFacility?selectedFacility=' + f,
            data: { facility: f },
            dataType: 'json',
            success: function (response) {
                $.map(response, function (item) {

                    $('#custServiceContactsSelection').append($("<option     />").val(item.ContactName).text(item.ContactName));
                });
            },

            cache: false,
            error: function (jqXHR, textStatus, errorThrown) {
                if (errorThrown.indexOf("Your session has timed out") != -1) {
                    location.href = "/Rentals/Base/Timeout";
                }
            }
        });
    }    
</script>

不知何故，当我运行它时，我什至看不到数据列表的 UI。然后，当我将鼠标移到<datalist 上时，我注意到一个警告，上面写着："Validation (XHTML 1.0 transitional): Element 'datalist' is not supported"。

请问为什么不支持datalist？
我的实现有什么问题，我无法查看 datalist 的 UI，还是仅仅因为它不受支持？
datalist 可以使用什么替代方法？

提前致谢！

【问题讨论】：

标签： javascript html ajax asp.net-mvc datalist

【解决方案1】：

我将 HTML 更改为：

<div class="clearfix" style="margin-top:20px;">
<div class="FloatLf" style="width:120px">Contact Name :</div>
<input list="custServiceContactsSelection" />
<datalist id="custServiceContactsSelection" > </datalist>

</div>

它开始显示 UI！

【讨论】：