html onclick javascript 函數調用以顯示某些內容

Question

我想調用 gettotal 函數從文本框和 * 3 中獲取值並將結果顯示在其他文本框中，代碼不起作用問題出在哪里！？

<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>

Answer 1

<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>

Answer 2

而不是.innerHTML() （用於將 HTML 標簽分配給元素）使用.value將值分配給他的回答中提到的@Azzi 之類的輸入字段：

 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>

希望這可以幫助。

html onclick javascript 函數調用以顯示某些內容

問題描述

2 個解決方案

解決方案1
0 已采納 2015-11-15 13:31:52

解決方案2
0 2015-11-15 13:56:17

html onclick javascript 函數調用以顯示某些內容

問題描述

2 個解決方案

解決方案1 0 已采納 2015-11-15 13:31:52

解決方案2 0 2015-11-15 13:56:17

解決方案1
0 已采納 2015-11-15 13:31:52

解決方案2
0 2015-11-15 13:56:17