使用Javascript更改Onchange事件的內容

我剛開始使用Javascript。我已經通過代碼onchange事件實施了JS：使用Javascript更改Onchange事件的內容

<html> 
    <head> 
    <script> 
    function fun() 
    { 
     var x=document.getElementById("price1"); 
     document.forms['forms1'].price.value=x.value*2; 
    } 
    </script> 
    </head> 
    <body> 
    <form name="forms1"> 
    Enter Price: <input type="text" id="price1" onchange="fun()"> 
    value is: <input name="price" type="text" > 
    </form> 
    </body> 
    </html>

但問題是，我得到這樣

值輸出爲：| _ _ |

但我想它像一個段落沒有input tag（即不在框中）。我希望它能像文本一樣改變。例如value is: 20而不是value is:|___20___|。任何幫助？

來源

2013-04-15 SIGSTP

要麼設置'innerHTML'一個'p'標籤或與CSS你輸入刪除邊框。 – Mathletics

http://jsfiddle.net/mdUHU/ – Ryan

一種方法是樣式的輸入框

<input name="price" type="text" class="text" disabled />

和

.text{ 
    border:0; 
    background-color:transparent; 
    color:black; 
}

演示在http://jsfiddle.net/gaby/ttpFa/

另一個是使用一個span持有這個價位，而不是一個input元素。

<form name="forms1"> 
    Enter Price: <input type="text" id="price1" onchange="fun()"/> 
    value is: <span id="price"></span> 
</form>

和

function fun() 
{ 
    var x=document.getElementById("price1"); 
    document.getElementById('price').innerHTML=x.value*2; 
}

演示在http://jsfiddle.net/gaby/ttpFa/1/

來源

2013-04-15 18:01:05

http://jsbin.com/utipob/1/

使用範圍：

值：<span id="price"></span>

，改變JS到：

function fun() 
    { 
     var x=document.getElementById("price1").value; 
     document.getElementById('price').innerHTML=x*2;  
    }

來源

2013-04-15 17:58:22 KingKongFrog

使用Javascript更改Onchange事件的內容

回答

相關問題