Question

我一直在查看各种信息，以弄清楚如何做到这一点。我要找的是根据表单中文本框中输入的内容显示div。后来我计划将其合并到我们目前在Joomla中使用的表格中。这是我尝试过的，除其他外。这是最基本的尝试。基本上我希望这个代码示例根据输入的内容吐出文本值。在这种情况下，如果输入“是”，它将吐出“成功”，如果输入任何其他内容，它将吐出“无运气”。从那里我希望它实际显示一个div。但这是为了以后，我想除非有人知道如何从这里到达那里。使用此代码，无论您输入“是”，都只会输出“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>

Answer 1

如果.value属性是输入元素

，则需要使用它

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

或.text属性，如果您只想将文本放在另一个元素

中

或.innerHTML属性，如果您只想在其他元素中使用html

Answer 2

头部总是属于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>

根据文本字符串是否等于特定字符串显示div

2 个答案: