javascript - JavaScript中的参数和文本框值相乘

Question

我有一个表单中的输入文本框，我正在尝试检索该值并将其乘以参数。

它没有运行，我不确定是否存在语法错误或者我对文本框值的检索是否不正确。

 <script>    
 function product(parameter1) { 
     a=parseInt(document.myForm.myTextBox.value);
     return parameter1*a; 
 };
 </script>

HTML：

<form name='myForm'>
Insert your number: <input id='myTextBox' value=''><br>
</form>

<input type='button' value='CLICK HERE' onclick='product()'>

Answer 1

1. 您错过了 onclick 触发器中的一个参数，它应该是="product(10)"，其中 10 是您的 paremeter1 参数。
2. 我相信您必须在输入标签上有一个名称才能以您的方式访问它，因此访问您的输入的更简单且可能更快的方法是document.getElementById('myTextBox')
3. 最好product()在表单提交时执行您的功能，而不是在按钮单击事件上执行，因为某些用户可能只想在文本字段中按 Enter 而不是按钮，但是您必须在表单边界内移动它并制作它是type="submit"

修改后的代码：

js：

<script>    
 function product(parameter1) { 
     a = parseInt(document.getElementById('myTextBox').value, 10);
     var result = parameter1*a;
     // alert(result);
     return result; 
 };
 </script>

html:

<form name='myForm' onsubmit="product(10); return false;">
Insert your number: <input id='myTextBox' value=''><br>
<input type='submit' value='CLICK HERE'>
</form>

Answer 2

您在没有参数的情况下调用方法。如果您只想检索值，下面是代码。我不知道你将如何使用它

输入您的号码：

<input type='button' value='CLICK HERE' onclick='product()'>


<script> 
function product()
{
parameter1=10;
 a=parseInt(document.myForm.myTextBox.value); 
 return parameter1*a; 
 }
 </script>