0

これを行う方法を理解するために、あらゆる種類の情報を調べてきました。私が探しているのは、フォーム内のテキスト ボックスに入力された内容に基づいて div を表示することです。後で、これを現在 Joomla で使用しているフォームに組み込む予定です。これは、とりわけ、私が試したことです。これは最も基本的な試みです。基本的に、このコード例では、入力内容に応じてテキスト値を吐き出したいと思っています。この場合、「yes」を入力すると「Success」、それ以外を入力すると「No Luck」を吐き出します。そこから、実際にdivを表示したいと思います。しかし、それは後で、ここからそこに行く方法を誰も知らないと思います. このコードでは、「Yes」を入力しても「No Luck」のみが出力されます。

<head>
  <script>
      function show()
      {
      var input = document.getElementById("someInput");
      if(input == "yes"){
        document.getElementById("someDiv").innerHTML = "Success";
      }
      else{
        document.getElementById("someDiv").innerHTML = "No Luck";}
      }
  </script>
</head>

<html>
  <input id="someInput" type="text">
  <input type="button" value="Submit" onClick="show()">
  <br><br>
    <div id="someDiv">

  </div>

  <br>    
</html>
4

2 に答える 2

1

.value入力要素の場合は、プロパティを使用する必要があります

if(input.value == "yes"){

または、.text別の要素内のテキストが必要な場合はプロパティ

または、.innerHTML別の要素内にhtmlが必要な場合はプロパティ

于 2013-05-23T23:09:06.593 に答える
0

Head は常に html タグ内に属します。Javascript は head に属するか、機能的に読み込みが速いため、タグを最後にレンダリングする必要があります。

ただし、 someDiv 要素内の画面に成功または値を追加するソリューションは、次のようになります。

<html>
 <head>
  <script type="text/javascript">
  var inputtxt = document.getElementById('someInput');
  var appendLocation = document.getElementById('someDiv');

  function show() {
    if(inputtxt.value === "yes") {
       appendLocation.innerHTML =  appendLocation.innerHTML + "<div>Success</div>";
    }
    else
    {
       appendLocation.innerHTML = appendLocation.innerHTML + "<div>No Luck!</div>";
    }

}
  </script>
 </head>
  <input id="someInput" type="text">
  <input type="button" value="Submit" onClick="show()">
  <br><br>
    <div id="someDiv">

  </div>

  <br>    
</html>
于 2013-05-23T23:21:23.483 に答える