我有一個演示here分割字符串分隔符,並把它放在一些標籤
在演示中,我有一個table
和temp
VAR保持分隔的字符串,使用JS我把分隔字符串到合適的地方,但不是一個輸入框,我想要一些label
即沒有任何邊界或框保存該值。有沒有辦法做到這一點,我使用的JSP
爲如:
配置名稱拉吉
我有一個演示here分割字符串分隔符,並把它放在一些標籤
在演示中,我有一個table
和temp
VAR保持分隔的字符串,使用JS我把分隔字符串到合適的地方,但不是一個輸入框,我想要一些label
即沒有任何邊界或框保存該值。有沒有辦法做到這一點,我使用的JSP
爲如:
配置名稱拉吉
<td width="25%"><input type="text" id="cname" readonly="readonly" style="border:0"></input></td>
OR
document.getElementById("cname").innerHTML = config_details[0];
與要麼
<td width="25%"><label" id="cname"></label></td>
或
<td width="25%" id="cname" ></td>
PS:這裏是從HTML5的新的輸入類型
search
tel
url
email
datetime
date
month
week
time
datetime-local
number
range
color
試着這麼做this fiddle
^h TML
<table width="100%" cellspacing="0" cellpadding="4" border="0">
<tbody>
<tr>
<th width="25%">Configuration Name</th>
<td width="25%"><span id="cname"></span></td>
<th width="25%">Host Name</th>
<td id="chostname" width="25%"></td>
</tr>
</tbody>
</table>
JS
var temp = "Raj,jh,Production,2011-06-06 08:30:15.0,client1.xml,nix1,abc,Linux"
config_details = temp.split(",");
document.getElementById("cname").innerHTML = config_details[0];
有沒有像
<input type="label"></input>
所以,你可以做這樣的事情。
變化
到<td width="25%" id="cname"><input type="label"readonly="readonly"></input></td>
<td width="25%" id="cname"></td>
並調用它像
document.getElementById("cname").innerHTML= config_details[0];
你可以把這些值到你想要的任何一種元素。只要給id
(例如cname
)的元素,你要把值,然後用.innerHTML
代替.value
,例如:
<table width="100%" cellspacing="0" cellpadding="4" border="0">
<tbody>
<tr>
<th width="25%">Configuration Name</th>
<td width="25%" id="cname"></td>
<th width="25%">Host Name</th>
<td width="25%" id="chostname"></td>
</tr>
<!-- ... -->
</tbody>
</table>
而且在你的JavaScript:
config_details = temp.split(",");
document.getElementById("cname").innerHTML = config_details[0];
// ...
document.getElementById("chostname").innerHTML = config_details[5];
// ...
感謝NAVEEN :) – abi1964 2011-06-07 05:55:17