实现datalist并寻找替代品

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> 

不知怎的，我无法看到连UI的数据列表，当我运行它。然后，当我将鼠标移过<datalist时，我注意到一条警告："Validation (XHTML 1.0 transitional): Element 'datalist' is not supported"。

1. 我可以知道为什么datalist不支持？

2. 我的实现有什么问题，我无法查看datalist的用户界面，还是仅仅因为它不受支持？

3. 还有什么替代方案可以用于数据专家？

在此先感谢！

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！