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

你在onclick触发器中错过了一个参数，它应该是="product(10)"，其中10是你的paremeter1参数。
我相信您必须在输入标记上有一个名称才能以您的方式访问它，因此访问输入的更简单且可能更快的方式是document.getElementById('myTextBox')
最好在表单提交上执行product()功能，而不是按钮点击事件，因为有些用户可能只想在文本字段中输入而不是按钮，但是你必须在表单边界内移动它并使其成为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>

在JavaScript中乘以参数和textBox值

2 个答案: