0

我刚开始使用 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>

但问题是我得到像

值为：| _ _ |

但我希望它像一个没有的段落input tag（即不在一个盒子里）。我希望它像文本一样被更改。例如value is: 20不是value is:|___20___|。有什么帮助吗？

4

2 回答 2

2

一种方法是设置输入框的样式

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

和

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

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

另一种是使用 aspan来保存价格而不是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-15T18:01:05.523 回答
1

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-15T17:58:22.467 回答