實現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！