Удаление в динамически выпадаемом списке - JavaScript, Ajax

sem_1989 · 22.08.2011, 17:21

Сдравствуйте, есть текстовое поле, при вводе в которое выпадает динамический список, список состоит из групп полей, и необходимо возле каждой логически завершённой группы полей добавить ссылку на удаление этой группы(в данном случае под группой понимаеться тип комнаты, описание и её площадь), но ссылка не работает, подскажите в чём может быть проблема, код прилагаеться...

Код HTML:

<html>
<head>
    <script language="JavaScript" type="text/javascript" src="aa.js"></script>
</head>
<body>
    <form method="post">
        <input type="text" id="num_rooms" onChange="room_info()">
		<input type="submit" name="button" value="GO">
        
		<table id="rooms">
        </table>
	</form>
</body>
</html>

Код:

function room_info()
{
   var num_rooms = document.getElementById('num_rooms');
   var div_room = document.getElementById('rooms');
   div_room.innerHTML = "";

   for ( var i = 1; i <= num_rooms.value; i++)
   {
    div_room.innerHTML += "<tr><td><span>*</span>Тип комнаты(" + i + "):</td><td><input id='room" + i + "' type='text' name='type_room" + i + "'><a href='?' onclick='del("+ i +")'>delete " + i + "</a></td></tr>";
	div_room.innerHTML += "<tr><td><span>*</span>Площадь комнаты(" + i + "):</td><td><input type='text' name='square_room" + i + "' size='4' maxlength='4'></td></tr>";
    div_room.innerHTML += "<tr><td>Описание в<br>свободной форме(" + i + "):</td><td><textarea name='free_form_desc_room" + i + "' wrap='soft'></textarea></td></tr>";
   }
}


function del(k){
	var room = document.getElementById("room"+k);
	room.innerHTML = "";
	
	var num_rooms = document.getElementById('num_rooms');
	if (num_rooms.value > 0) num_rooms.value--;
	   
    var div_room = document.getElementById('rooms');
    div_room.innerHTML = "";
	
	for ( var i = 1; i <= num_rooms.value; i++)
	{
		div_room.innerHTML += "<tr><td><span>*</span>Тип комнаты(" + i + "):</td><td><input id='room" + i + "' type='text' value='' name='type_room" + i + "'><a href='?' onclick='del("+ i +")'>delete</a></td></tr>";
		div_room.innerHTML += "<tr><td><span>*</span>Площадь комнаты(" + i + "):</td><td><input type='text' name='square_room" + i + "' size='4' maxlength='4'></td></tr>";
		div_room.innerHTML += "<tr><td>Описание в<br>свободной форме(" + i + "):</td><td><textarea name='free_form_desc_room" + i + "' wrap='soft'></textarea></td></tr>";
	}
}

motorway · 22.08.2011, 17:55

У меня, например, удалилось.
Посмотрите в консоли ошибок, пишет ли что-нибудь

sem_1989 · 22.08.2011, 20:18

Ошибок в консоли не выдаёт, но и не работает, - после нажатия на ссылку удаления - удаляються все записи, пока не выяснил почему, буду рад любой подсказке...

motorway · 22.08.2011, 20:32

Я, наверно, не так понял. У меня удалилось всё и в случае 1, и в случае нескольких групп.
Можно скрывать определенный див с помощью style со значением block, либо вообще приравнять пустой строке его содержимое

sem_1989 · 22.08.2011, 21:09

Ещё один вопрос возник, возможно Вы знаете: "почему после отработки функции del() очищаеться самое первое поле, в котором изначально вводиться число групп?"

motorway · 22.08.2011, 21:33

Почему - потому что написана строка room.innerHTML = "";
Другое дело - зачем

sem_1989 · 23.08.2011, 13:12

Соглашусь только на половину, да действительно эта строка, в неявном виде содержиться в этом участке(недоглядел))):

Код:

 
var div_room = document.getElementById('rooms');
div_room.innerHTML = "";

Но перезагрузка страницы происходила из-за этого кусочка <a href='?' , а именно по причине ссылки; после изменения её на якорь, всё стало работать как следует...<a href='#'

22.08.2011, 17:55	#2
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	У меня, например, удалилось. Посмотрите в консоли ошибок, пишет ли что-нибудь Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг.

22.08.2011, 20:32	#4
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	Я, наверно, не так понял. У меня удалилось всё и в случае 1, и в случае нескольких групп. Можно скрывать определенный див с помощью style со значением block, либо вообще приравнять пустой строке его содержимое Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг. Последний раз редактировалось motorway; 22.08.2011 в 20:35.

22.08.2011, 21:33	#6
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	Почему - потому что написана строка room.innerHTML = ""; Другое дело - зачем Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг.

23.08.2011, 13:12	#7
sem_1989 Пользователь Регистрация: 25.09.2010 Сообщений: 56	Соглашусь только на половину, да действительно эта строка, в неявном виде содержиться в этом участке(недоглядел))): Код: `var div_room = document.getElementById('rooms'); div_room.innerHTML = "";` Но перезагрузка страницы происходила из-за этого кусочка <a href='?' , а именно по причине ссылки; после изменения её на якорь, всё стало работать как следует...<a href='#'

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

22.08.2011, 20:18	#3
sem_1989 Пользователь Регистрация: 25.09.2010 Сообщений: 56	Ошибок в консоли не выдаёт, но и не работает, - после нажатия на ссылку удаления - удаляються все записи, пока не выяснил почему, буду рад любой подсказке...

22.08.2011, 21:09	#5
sem_1989 Пользователь Регистрация: 25.09.2010 Сообщений: 56	Ещё один вопрос возник, возможно Вы знаете: "почему после отработки функции del() очищаеться самое первое поле, в котором изначально вводиться число групп?"

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
поиск в списке	sergo2705	Microsoft Office Access	1	16.08.2011 16:20
Сортировка в списке	Uroboros	Помощь студентам	17	18.01.2011 22:04
удаление динамически создаваемого компонента delphi	JK0	Помощь студентам	3	29.11.2010 19:48
удаление в списке	zhenya.ya	Помощь студентам	0	07.06.2010 21:08
ЗАмена в списке	meizy	Помощь студентам	2	03.06.2010 22:31