읽기 전용 텍스트의 HTML 레이블

Question

텍스트 용 레이블을 사용할 때 어떤 html 요소를 사용해야합니까?

요소의 텍스트를 jqueryui 자동 완성 컨트롤에서 선택된 클라이언트 이름으로 설정해야합니다.

크롬에서는 작동하지만 Internet Explorer에서는 작동하지 않는 스팬을 사용해 보았습니다. 이 작업을 수행하는 권장 방법이 있습니까?

HTML :

<p> 
    <label for="ClientLabel">Client:</label> 
    <span id="ClientLabel" style="width: 160px; font-weight: bold;" /> 
</p> 

자동 완성 자바 스크립트 : 유형의 텍스트

$('#ClientSearchAutocomplete').autocomplete(
      { 
       source: "/Report/ClientAutocompleteJSON", 
       select: function (event, ui) {      
        $('#ClientLabel').text(ui.item.value); 
        $('#ClientLabel').val(ui.item.id);       
       } 
      }); 

Answer 1

입력 텍스트 값과 readonly 속성이 있습니다. 사용자를 혼동하지 않도록 스타일을 지정할 수있는 입력 상자처럼 보일 것입니다.

<input type="text" name="ClientName" value="YourValue" readonly="readonly" /> 

Answer 2

.val() 메서드는 input, select 및 textarea와 같은 양식 요소의 값을 가져 오는 데 사용됩니다. 분명히 작동하지 않는 범위에서 val()을 사용하려고합니다.

읽기 전용 입력으로 바꾸거나 다른 숨겨진 입력 요소에 ID를 저장하십시오.