html onclick javascript function call to show something
Question
I want to call gettotal function to get value from textbox and * 3 and show the result in other textbox , code does not work where is the problem!?
<html>
<head>
<script type="text/javascript" language="javascript">
function gettotal()
{
var x=0;
x=document.getElementById("pop").value*3;
document.getElementById("pop1").innerHTML="<b>"+x+"</b>";
}
</script>
<title>hello</title>
</head>
<body>
<form name="form1">
<input type="button" id="btn" name="btn" value="get" OnClick="gettotal()"/>
<input type="text" id="pop" name="pop" size="3"/>
<br/>
<br/>
<input type="text" id="pop1" name="pop1" size="5" value="val"/>
</form>
</body>
</html>
2 answers
solution1
0 ACCPTED 2015-11-15 13:31:52
<html>
<head>
<script type="text/javascript" language="javascript">
function gettotal()
{
var x=0;
x=document.getElementById("pop").value*3;
document.getElementById("pop1").value=x;
}
</script>
<title>hello</title>
</head>
<body>
<form name="form1">
<input type="button" id="btn" name="btn" value="get" OnClick="gettotal()"/>
<input type="text" id="pop" name="pop" size="3"/>
<br/>
<br/>
<input type="text" id="pop1" name="pop1" size="5" value="val"/>
</form>
</body>
</html>
solution2
0 2015-11-15 13:56:17
Instead of .innerHTML() (used to asign HTML tags to element) use .value to assign value to an input field like @Azzi mentioned in his answer :
function gettotal() { var x=0; x=document.getElementById("pop").value*3; document.getElementById("pop1").value=x; }
<form name="form1"> <input type="button" id="btn" name="btn" value="get" onClick="gettotal()"/> <input type="text" id="pop" name="pop" size="3"/> <input type="text" id="pop1" name="pop1" size="5" value="val"/> </form>
Hope this helps.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Is there something wrong with this call to a javascript function in an html form
Onclick html call for JavaScript function not working in Safari
javascript onclick call a function
JavaScript Function Call With OnClick
javascript onclick call to function
Pass HTML dropdown menu values to JavaScript function & onclick function call
Javascript onclick function html
show span in html with a javascript function with onclick involving random generator
OnClick HTML button : call Javascript function + location.href (Django)
How to Call javascript function with onclick event in another page html
Related Tags