如何将用户输入的值从html传输到javascript

时间:2017-09-01 22:27:59

标签: javascript html

如果我网站的用户在html文本框中输入了值并点击了提交按钮..

如何将其值传输/使用到javascript,以便根据输入进行计算。

另外,如何在网站上显示其价值?

谢谢! ((javascript和stackoverflow新手))

3 个答案:

答案 0 :(得分:1)

你的HTML应该有这样的东西

<input name="searchTxt" type="text" id="txt" class="searchField"/>

在你的JavaScript中有类似的东西

var the_value_i_am_looking_for = document.getElementById('txt').value;

请注意,txt是输入标记的id,我们使用相同的id来标识JavaScript中的元素。

变量 the_value_i_am_looking_for 应包含您用于计算的值。

答案 1 :(得分:1)

示例:

<input id="cost" type="number" />
<input type="button" onclick="calculate()" value="Enter a value" /> 

<div id="valueEntered" > </div>
<div id="afterTax" > </div>
<script> 

function calculate() 
{ 


valueEntered.innerHTML = " You entered : " + cost.value; 
afterTax.innerHTML = " After tax : " + cost.value * 1.3;  


} 
</script> 

答案 2 :(得分:1)

您的意思是以下内容?它是一个输入框和一个按钮。单击按钮后,输入框中的用户输入将显示在输入框和按钮下方。

<input id="foo"/>
<button onclick="document.getElementById('bar').innerHTML = document.getElementById('foo').value
" type="button">Click me</button>
<div id="bar"></div>
</code>