从HTML传递变量到JS函数

时间:2016-10-07 06:59:20

标签: javascript html

我目前正在为学校做一点编程工作。我选择了这个任务,因为我知道如何使用Java运行程序的核心,但是我遇到了将这个问题转化为一个非常简单的网页的问题,没有使用HTML或JS的经验。

我的问题是:我通过按钮接收输入。单击时,将调用一个函数,该函数将获取输入的值。但是,我得到的所有警报窗口都是objectHTMLinputElement。我做错了什么?



function myRT() {
  var risikoTraeger=document.getElementById('input1').value; 
}

function myRH() {
  var risikoHoehe = parseInt(document.getElementById('input2')).value;
  alert(input2);
}

<h1>Siemens: Risikoassessment</h1>

<p id="demo">How many entries?</p>

<input type="text" id="input1" />
<button type="button" onclick="myRT()">Risk carrier</button>
<input type="text" id="input2" />
<button type="button" onclick="myRH()">Sum of the risk</button>
&#13;
&#13;
&#13;

6 个答案:

答案 0 :(得分:3)

在解析输入之前获取输入的值。另外,您正在警告输入元素而不是要将值设置为的变量。使用:

Thread.sleep()

答案 1 :(得分:0)

将此部分$(document).ready(function(){ $('input[name=Category]').keyup(function () { if ($(this).val() == "Green") $('#Sub_Level2').show(); else $('#Sub_Level2').hide(); }); $( "#tags" ).autocomplete({ select: function( event, ui ) { $("input[name=Category]").val(ui.item.value); $('input[name=Category]').keyup(); } }); }); 更改为:

parseInt(document.getElementById('input2')).value;

答案 2 :(得分:0)

你正在调用错误的变量,试试'risikoHoehe'而不是'input2':

function myRT() {
  var risikoTraeger=document.getElementById('input1').value; 
}

function myRH(){
  var risikoHoehe = document.getElementById('input2').value;
  alert(risikoHoehe);
}

答案 3 :(得分:0)

1)您正在尝试将DOM元素解析为int,因此它返回undefined

使用document.getElementById('input2').value

2)仅在需要时使用parseInt,如果仅用于提醒,则可以跳过它

3)你不能通过id直接引用dom元素,你必须在变量中获取该元素然后使用它。

alert(input2);应为alert(risikoHoehe);

答案 4 :(得分:0)

嗯,这是完整的工作代码 -

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function myRT() {
var risikoTraeger=document.getElementById('input1').value; 
  alert(risikoTraeger);
}

function myRH(){
var risikoHoehe = parseInt(document.getElementById('input2').value);
alert(risikoHoehe);
}
</script>
</head>

<body>

<h1>Siemens: Risikoassessment</h1>

<p id="demo">How many entries?</p>

<input type="text" id="input1" />
<button type="button" onclick="myRT()">Risk carrier</button>
  </br>
<input type="text" id="input2" />
<button type="button" onclick="myRH()">Sum of the risk</button>

</body>
</html>
&#13;
&#13;
&#13;

希望这会对您有所帮助:)

答案 5 :(得分:0)

让我们看看你做错了什么:

var risikoHoehe = parseInt(document.getElementById('input2')).value;
  

文档
  文件本身
  的getElementById()
  给我们具有特定ID参数
的元素的函数   的&#39;输入2&#39;
  所需输入的ID
   .value
  元素的值如果有的话。
  的 parseInt函数()
  将任何字符串转换为它的整数值的函数。

现在看一下:

  • document.getElementById(&#39; input2&#39;) =&gt; input元素本身(objectHTMLInputElement)

  • parseInt(objectHTMLInputElement) =&gt;如果我们尝试将html输入元素转换为整数,我们能得到什么?

  • (整数).value =&gt;整数有价值属性吗?

但如果你这样写:

var risikoHoehe = parseInt(document.getElementById('input2').value);
  • document.getElementById(&#39; input2&#39;) =&gt; input元素本身(objectHTMLInputElement)

  • objectHTMLInputElement.value =&gt;输入的值为字符串

  • parseInt(string) =&gt;解析字符串的整数值