Question

我正在尝试将数字输入的结果发送到js函数，但似乎无法使其正常工作。我尝试过网站上其他问题的一些答案，但仍然无法解决。我的代码是这样的：

<input type="number" name="example">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="how(example)">
<script type="text/javascript">
function how(example){
alert("example");
}
</script>

谢谢！

Answer 1

输入您输入的号码的ID。可能会有用。

<input type="number" name="example" id="example">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="how()">
<script type="text/javascript">
    function how(){
        var number = $('#example').val();
        alert(number);
    }
</script>

Answer 2

使用.value获取文本/数字输入或textarea元素的值。

＆＃13;

const numInput = document.querySelector('input[type="number"]')
document.querySelector('input[type="button"]')
  .addEventListener('click', () => {
    console.log(numInput.value);
  });

＆＃13;

<input type="number" name="example">
<input type="button" value='click'>

＆＃13;

尝试使用addEventListener而不是HTML-inline-eval处理程序，或使用* -handlers;将所有Javascript保存在Javascript本身是有帮助的，并且是一个很好的习惯。

Answer 3

这可能对您有所帮助（此代码将使其以数字形式提醒值）：

function alertval(){
  alert(document.getElementById("example").value);
}

<input type="number" name="example" id="example">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="alertval()">

将表单数据发送到vanilla js

3 个答案: