2012-01-04 73 views
2

當爲文本使用標籤時,應該使用哪個html元素?用於只讀文本的HTML標籤

我需要將元素的文本設置爲從jqueryui自動完成控件中選擇的客戶端名稱。

我試過使用跨度,它適用於Chrome但不適用於IE。有推薦的方法嗎?

HTML:

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

自動完成的javascript:

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

回答

2

輸入型文本具有文本值和readonly財產。它看起來像一個輸入框,您可能想要設置樣式,以免混淆用戶。

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

感謝這個作品...我只是增加了下面的樣式,它看起來就像普通文本一樣' – woggles 2012-01-04 08:08:42

2

.val()方法用於獲取表單元素的值,如input,select和textarea。你正嘗試在一個跨度上使用val(),這顯然不起作用。

將其替換爲只讀輸入或將ID存儲在另一個隱藏的輸入元素中。