Скрипт, дублирующий значение
Доброго времени суток. Пожалуйста, подскажите решение задачки. Есть поле ввода. Необходимо чтобы введенное в поле значение дублировалось автоматически в серый блок div без нажатия на синюю кнопку.
<html>
<head><style type="text/css">
.ddd{
position:absolute;
width:142px;
height:40px;
background-color:green}
.ddd2{
position:absolute;
top:80px;
width:70px;
height:30px;
background-color:blue;
cursor:pointer
}
.ddd3{
position:absolute;
top:80px;
width:48px;
height:30px;
background-color:gray;
left: 89px;
}
</style> </head>
<body>
<div class="ddd"><input name="zz" id="ee" type="number" value="" /></div>
<div class="ddd2" onclick=aaa()>КНОПКА</div>
<div class="ddd3" id="gray"></div>
<script>
function aaa(){
var dd = document.getElementById('ee').value
document.getElementById('gray').innerHTML=dd
}
</script>
</body>
</html>
|
<html>
<head><style type="text/css">
.ddd{
position:absolute;
width:142px;
height:40px;
background-color:green}
.ddd2{
position:absolute;
top:80px;
width:70px;
height:30px;
background-color:blue;
cursor:pointer
}
.ddd3{
position:absolute;
top:80px;
width:48px;
height:30px;
background-color:gray;
left: 89px;
}
</style> </head>
<body>
<div class="ddd"><input name="zz" id="ee" type="number" value="" /></div>
<div class="ddd2" onclick=aaa()>КНОПКА</div>
<div class="ddd3" id="gray"></div>
<script>
(function(G){
var htmlDiv = G.document.getElementById('gray');
G.document.getElementById('ee').onkeyup = function () {
htmlDiv.innerHTML=this.value;
}
}(this));
</script>
</body>
</html>
|
moskitos80, спасибо за решение :) Действительно, есть же событие onkeyup, а я что-то не допетрил:D
|
| Часовой пояс GMT +3, время: 13:55. |