在Javascript中更改Onchange事件的内容_Javascript

在Javascript中更改Onchange事件的内容

javascript

在Javascript中更改Onchange事件的内容,javascript,Javascript,我刚开始使用Javascript。我已经通过代码在JS中实现了onchange事件： <html> <head> <script> function fun() { var x=document.getElementById("price1"); document.forms['forms1'].price.value=x.value*2; } </script>

我刚开始使用Javascript。我已经通过代码在JS中实现了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>


函数fun（）
{
var x=document.getElementById（“price1”）；
document.forms['forms1'].price.value=x.value*2；
}
输入价格：
价值是：

但问题是我得到的输出像

值为：|||

但我希望它像一个没有

输入标记的段落一样（即不在框中）。我希望它像文本一样被改变。e、 g值为：20
非值为：| uuuuuu20_uuuuuuu124;
。有什么帮助吗？

使用范围：
值为：

并将JS更改为：
    function fun()
    {
        var x=document.getElementById("price1").value;
        document.getElementById('price').innerHTML=x*2;    
    }


使用范围：
值为：

并将JS更改为：
    function fun()
    {
        var x=document.getElementById("price1").value;
        document.getElementById('price').innerHTML=x*2;    
    }

一种方法是设置输入框的样式
<input name="price" type="text" class="text" disabled />

演示

另一种方法是使用span
来保存价格，而不是使用输入
元素
<form name="forms1">
    Enter Price: <input type="text" id="price1" onchange="fun()"/>   
    value is: <span id="price"></span>
</form>

一种方法是设置输入框的样式
<input name="price" type="text" class="text" disabled />

演示

另一种方法是使用span
来保存价格，而不是使用输入
元素
<form name="forms1">
    Enter Price: <input type="text" id="price1" onchange="fun()"/>   
    value is: <span id="price"></span>
</form>

在
演示设置p
标记的innerHTML
，或使用CSS从输入中删除边框。设置p
标记的innerHTML
，或使用CSS从输入中删除边框。