0

ユーザーが入力したテキストに何を書き留めたかを表示したい。以下のようなフォームを作成する必要があり、2 番目のフォームでは、ユーザーが入力部分で入力した内容をラベルに表示したいと考えています。しかし、どうすればこれを行うことができます...

最初の形式:

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

2 番目の形式:

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

しかし、それでも結果が出ません...どうすればいいですか?私を助けてください

4

3 に答える 3

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 に答える