Привет всем. Помогите разобраться с проблемой. Если создают новое поле в форме, и потом удаляю, то это поле удаляется с экрана, но при обращении к нему в Firefox и GCrome оно существует, в др. браузерах нормально работает. Чтоб было понятнее приведу код:
<html>
<head>
<style type="text/css">
.t_link { text-decoration: underline; color: #777; cursor: pointer; }
</style>
</head>
<body>
<form name="forma1">
тут форма.
<div id="box_input"></div>
</form>
<div>
<span onclick="create_input();" class="t_link">создать поле</span>
<span class="t_link" onclick="delete_input();">удалить поле</span>
<span class="t_link" onclick="check_input()">проверить поле</span>
</div>
<script type="text/javascript">
function create_input()
{
var t = "";
t += " поле 1 <input name='pf_1' type='text' value=''> ";
t += " поле 2 <input name='pf_2' type='text' value=''> ";
document.getElementById("box_input").innerHTML = t;
}
function delete_input()
{
var t = "";
//t += " поле 1 <input name='pf_1' type='text' value=''> ";
//t += " поле 2 <input name='pf_2' type='text' value=''> ";
document.getElementById("box_input").innerHTML = t;
}
function check_input()
{
var t = "";
obj_pf_1 = document.forms.forma1.pf_1;
obj_pf_2 = document.forms.forma1.pf_2;
if ( obj_pf_1 )
{
alert("v1 = "+obj_pf_1.value);
}
else
{
alert("v1 нет");
}
if ( obj_pf_2 )
{
alert("v2 = "+obj_pf_2.value);
}
else
{
alert("v2 нет");
}
}
</script>
</body>
</html>
если запустить этот код в браузере, нажать на создать поле, появятся два текстовых поля. заполнить их. потом нажать проверить поле, будет отображено содержимое полей. Если нажать удалить поле, то поля удаляться с экрана, но если нажать на проверить поле, то в Firefox и GChrome будет отображено значение этих полей, как будто они и не удалялись. В опере и Ie нормально работает.
Может кто знает как можно удалить полностью эти поля.
Так же удалял эти поля с помощью методов DOM, тоже самое. Не знаю что и делать.