Question

我有一个演示here

在演示中，我有一个table和一个temp var来保留分隔的字符串，使用js我将分隔的字符串放入适当的位置，但是不是输入框，我想要一些label即没有任何边界或框保持该值。有没有办法做到这一点，我使用的是jsp

例如：

配置名称 Raj

Answer 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

Answer 2

尝试this fiddle

之类的内容

<强> HTML

<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];

Answer 3

没有像 ~~<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];

Answer 4

您可以将值放入您想要的任何类型的元素中。只需将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];
// ...

使用分隔符拆分字符串并将其放在某个标签中

4 个答案: