Question

我正在尝试在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>

当我运行它时，我甚至无法看到datalist的UI。然后，当我将鼠标移到<datalist上时，我发现了警告："Validation (XHTML 1.0 transitional): Element 'datalist' is not supported"。

我可以知道为什么datalist不受支持？
我的实施有什么不对，我无法查看datalist的用户界面，还是因为它不受支持？
datalist可以使用哪种替代方法？

提前致谢！

Answer 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！

实现datalist并搜索替代方案

1 个答案: