2011-06-07 69 views
0

我有一個演示here分割字符串分隔符,並把它放在一些標籤

在演示中,我有一個tabletemp VAR保持分隔的字符串,使用JS我把分隔字符串到合適的地方,但不是一個輸入框,我想要一些label即沒有任何邊界或框保存該值。有沒有辦法做到這一點,我使用的JSP

爲如

配置名稱拉吉

回答

1

<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 
1

試着這麼做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]; 
1

有沒有像 <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]; 
+0

感謝NAVEEN :) – abi1964 2011-06-07 05:55:17

1

你可以把這些值到你想要的任何一種元素。只要給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]; 
// ... 
相關問題