데이터리스트 구현 및 대안 검색

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".

1. datalist이 지원되지 않는 이유는 무엇입니까?

2. 내 구현에 문제가 있습니까? 데이터 목록의 UI를 볼 수 없거나 단지 지원되지 않기 때문입니까?

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를 보여주는 시작!