Question

我想在点击按钮后保存变量中某些字段的输入（我正在使用Bootstrap btw）。这是我的功能：

<script>
  function test () {
    var test1 = document.getElementById("nameown").value;
    javascript.alert( 'test1' )
  }
</script>

这是我的按钮：

<div id="button">
        <onclick="test()" class="btn btn-success btn-large">
            Example...
          </a>
        </button>
      </div>

当我点击按钮时没有任何反应......

作为注释：我是一名HTML和JavaScript初学者。

Answer 1

您的HTML不正确。它应该是这样的：

<div id="button" onclick="test()" class="btn btn-success btn-large">
  Example...
</div>

或

<button onclick="test()" class="btn btn-success btn-large">
  Example...
</button>

我真的陷入了混乱的HTML，并没有注意脚本。这很糟糕。我来几点指教。从HTML开始，学习基础知识。 wcshcools是一个开始。然后转到你正在尝试上面的javascript。你可能想要这样的东西：

<script>
  function test() {  //Create the function test 
    var test1 = document.getElementById("nameown").value;  //Get the element with id="name own" and assign it to a variable named "test1"
    console.log(test1); //log the value of the variable "test1"
  }
</script>

我选择了console.log，因为这是一种更好的测试代码的方法。例如，如果您循环该功能，则在某些浏览器中会出现问题。要查看控制台，请查看firefox的firebug或在Chrome或Safari中使用开发控制台。学习开发控制台。它会派上用场。

Answer 2

让我们看..

没有ID为nameown的元素。
如果有的话，它会是window.alert()，但只有alert()就好了。
您alert使用文字字符串"test1"而不是变量。
onclick不是元素。
您没有开场a标记。
您没有开场button标记。

我认为这就是你想要的：

<script>
  function test() {
    var test1 = document.getElementById("button").value;
    alert(test1);
  }
</script>

<div id="button" onclick="test()" class="btn btn-success btn-large">
    Example...
</div>

有更优雅的方法可以做到这一点，以及快捷方式，但如果坚持下去，你就会到达那里。

Answer 3

<之前不应该有onclick。那是一个错字吗？那里还有很多其他的东西吗？

<div id="button" onclick="test()" class="btn btn-success btn-large">
Example...
</div>

Answer 4

你错过了标签“a”

<div id="button">
  <a onclick="test();" class="btn btn-success btn-large">
    Example...
  </a>   
</div>

和JS：

function test () {
  var test1 = document.getElementById("nameown").value;
  alert( 'test1' );
}

Answer 5

1）您的HTML不正确：

而不是

<onclick="test()" class="btn btn-success btn-large">

使用

<button onclick="test()" class="btn btn-success btn-large">

2）使用alert（）而不是javascript.alert（）。

3）添加id为“nameown”的元素。

此外，使用浏览器开发人员工具了解有关控制台中的javascript错误的更多信息或使用Firebug for firefox http://getfirebug.com/

Answer 6

您还应该将您的javascript更改为以下内容，以警告ID为nameown的元素的值：

    <script>
      function test() {
        var test1 = document.getElementById("nameown").value;
        alert( test1 );
      }
    </script>

即，将javascript.alert（'test1'）更改为alert（test1）

onClick元素不起作用

6 个答案: