0

我想在输入文本中显示用户所写的内容。我必须像下面这样的表格，在第二个表格上，我想在标签上显示用户在输入部分所知道的内容。但是我该怎么做...

第一种形式：

<form name="password" onsubmit="return Validate()" method="post" id="password" action="#"  >

               <label for="firstname">*First Name:</label>
               <input type="text" name="firstname" id="firstname1"  class="textinput"  required="required" onchange="firstnamecheck1()"><br>

第二种形式：

 <form name="displaylabel" method="post" id="password" action="#"  >

             <label>First Name:</label>&nbsp;&nbsp;<label id="l1">li.innerHTML('lastname1')</label><br>
    </form>

我怎么能这样做，因为我上面使用的内部 html li.innerHTML('lastname1')没有给出结果。

我使用这个功能：

<script>
 function doStuff()
{myVar = document.getElementById('lastname1');
    document.getElementById('l1').value = myvar;
}
</script>

这是表格的一部分：

<div class="hideformobile" onload="doStuff();">


        <form name="displaylabel" method="post" id="password" action="#"  >

         <label>First Name:</label>&nbsp;&nbsp;<label id="l1"></label><br>

        </form>
        </div>

但它仍然没有结果......我该怎么办？请帮我

4

3 回答 3

2

要更改元素的 HTML 内容，您可以设置它的innerHTML属性。

document.getElementById('my-element').innerHTML = 'test';

要获取/设置<input>元素的值，请使用它的value属性。

document.getElementById('my-input').value = 'something';
于 2013-11-08T00:18:30.050 回答
0

<label>First Name:</label>&nbsp;&nbsp;<label id="l1">li.innerHTML('lastname1')</label><br>

这不是使用此 javascript 的正确方法。您需要在函数中运行它。如果你把它放在一个块中

<script>
function doStuff()
{
    document.getElementById('l1').innerHTML = 'lastname1';
}
</script>

当您调用 时doStuff()，该代码将执行并更改列表项元素的 innerHTML 属性。您也可以在页面或正文负载上调用此类函数。

<body onload="doStuff();"> (more content) </body>

于 2013-11-08T00:25:46.277 回答
0

您有一个名为firstnamecheck1的 onchange 函数。我不知道那是做什么的，但是您可以将以下功能添加到该函数，或者将其添加到内联侦听器：

<input ... onchange="firstnamecheck1(); document.getElementById('l1').innerHTML = this.value;">

但是，我更喜欢使用以下内容适当地设置 textContent 或 innerHTML：

setText(document.getElementById('l1'), this.value);

需要一个小的帮助函数来设置文本：

function setText(el, text) {
  if (typeof el.textContent == 'string') {
    el.textContent = text;
  } else if (typeof el.innerText == 'string') {
    el.innerText = text;
  }
}
于 2013-11-08T00:51:40.930 回答