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 要么属于头部，要么标签应该是最后呈现的东西，因为它在功能上加载速度更快。

但是将成功或值附加到 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 回答