Question

我想在输入文本中显示用户所看到的内容。我需要下面的表格，在第二个表格上，我想在标签上显示用户在输入部分看到的内容。但我怎么能这样做......

第一种形式：

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

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

我使用这个功能：

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

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

Answer 1

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

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

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

document.getElementById('my-input').value = 'something';

Answer 2

<label>First Name:</label>  <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>

Answer 3

你有一个名为 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;
  }
}

如何显示用户在标签中写入的输入文本

3 个答案: