Изменить содержимое на событии Onchange в Javascript

Я только начал работать в Javascript. Я осуществил OnChange событие в JS с помощью кода:Изменить содержимое на событии Onchange в Javascript

<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

Изменить содержимое на событии Onchange в Javascript

ответ

Смежные вопросы