使用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事件的内容

回答

相关问题