Почему исчезает содержимое input?
Суть проблемы:
если в поле input ввести текст, а затем динамически добавить новое поле, кликнув по "add", этот текст исчезает. Почему?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function addInput(){
document.getElementById('add_block').innerHTML += '<br/><input type="text" />';
}
</script>
</head>
<body>
<div id="add_block">
<input type="text" />
</div>
<span onclick="addInput()" style="cursor: pointer;">add</span>
</body>
</html>
|
torrius,
а вы вставляйте как элемент а не как текст |
torrius,
или так
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function addInput(){
document.getElementById("add_block").insertAdjacentHTML("beforeEnd", "<br/><input type='text' />");
}
</script>
</head>
<body>
<div id="add_block">
<input type="text" />
</div>
<span onclick="addInput()" style="cursor: pointer;">add</span>
</body>
</html>
|
torrius,
Цитата:
|
рони,
крутяк! спасибо за ценную инфу! Не знал что innerHTML все заменяет. |
| Часовой пояс GMT +3, время: 13:47. |