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

1 つの方法は、入力ボックスのスタイルを設定することです。

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

と

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

http://jsfiddle.net/gaby/ttpFa/のデモ

もう 1 つは、要素spanの代わりに a を使用して価格を保持することです。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 に答える