Форум

Искандер · #1 (**permalink**) 20.03.2018, 15:23

Всем привет
Не знаю как решить
В HTML коде при помощи JS создается выпадающий список.
Но перед созданием нового старый надо удалить.
Никак не получается удалить старый список.
Подскажите
С уважением
Александр

HTML :
<form name="vibor" method="post">
<input type="number" min="1" max="255" step="1" value="1" id="nomSign" /><br>
<input type="button" value="Выбор сигнализатора" id="txt" onclick="VoborSign()"/><br>
<input type="button" value="Обновление списка сигнализаторов" id="txt1" onclick="Spisok()"/><br>
</form>
<form >
<select name=ZavN size=1 id="menu1">
</select>
</form>

JS:
removeChildren(Sign); // удаление старого списка
var nn=1;
for(var n=0; n<otvmas.length; n++) {// otvmass - массив для заполнения списка
var Sign= "<option value="+nn+">"+ otvmas[n]+ "< /option>";
document.getElementById('menu1').insertAdjacentHTM L('beforeEnd',Sign)
nn++;
}

ksa · #2 (**permalink**) 20.03.2018, 16:32

Сообщение от Искандер

Никак не получается удалить старый список.

http://www.fpublisher.ru/documentati...s#hremovechild

Искандер · #3 (**permalink**) 20.03.2018, 16:47

Спасибо
Но ссылка не открывается

Dilettante_Pro · #4 (**permalink**) 20.03.2018, 16:54

Сообщение от Искандер

Но ссылка не открывается

Открывается.
вот цитата оттуда

Цитата:

Метод removeChild
Синтаксис: узел.removeChild(oldChild)
Аргументы: oldChild — выражение типа Node
Результат: узел Node
Исключения: NO_MODIFICATION_ALLOWED_ERR, NOT_FOUND_ERR
Поддержка: Internet Explorer Соответствует стандарту.
Gecko Соответствует стандарту.
Метод removeChild удаляет узел oldChild из списка детей данного узла и возвращает его в качестве результата. Пример:

document.body.removeChild(document.body.firstChild );

Искандер · #5 (**permalink**) 20.03.2018, 17:18

Всем спасибо
Буду пробовать

Искандер · #6 (**permalink**) 21.03.2018, 15:48

Второй день мучаюсь - не получается.
Я что-то не понимаю
Создал список :
<form >
<select name=ZavN size=1 id="menu1">
</select>
</form>

В JS написал вставку и удаление. Вставка работает а удаление нет:
var nn=1;
for(var n=0; n<otvmas.length; n++){
var Sign= "<option value="+nn+">"+otvmas[n]+"</option>";
var Sign1 = document.getElementById('menu1').insertAdjacentHTM L('beforeEnd',Sign)
nn++;
}
document.body.removeChild(document.body.Sign);
document.body.removeChild(document.body.menu1);
Я уже два удаления написал ни одно не работает.
Подскажите, где ошибка.
Заранее спасибо
Александр

рони · #7 (**permalink**) 21.03.2018, 16:00

Искандер,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

ksa · #8 (**permalink**) 21.03.2018, 16:17

Сообщение от Искандер

Второй день мучаюсь - не получается.

Сделай нормальный тестовый пример, выложи его тут. Зачем копировать какие-то огрызки кода...

Искандер · #9 (**permalink**) 21.03.2018, 16:36

<body>
<form name="vibor" method="post">
<input type="number" min="1" max="255" step="1" value="1" id="nomSign" /><br>
<input type="button" value="Выбор сигнализатора" id="txt" onclick="VoborSign()"/><br>
<input type="button" value="Обновление списка сигнализаторов" id="txt1" onclick="Spisok()"/><br>
</form>
<form >
<select name=ZavN size=1 id="menu1">
</select>
</form>
</body>

JS:
var otvmas=[15,25,36,87];
function Spisok() {
console.log("TEST")
var nn=1;
for(var n=0; n<otvmas.length; n++){
var Sign= "<option value="+nn+">"+otvmas[n]+"</option>";
var Sign1 = document.getElementById('menu1').insertAdjacentHTM L('beforeEnd',Sign)
nn++;
}
document.body.removeChild(document.body.Sign);
document.body.removeChild(document.body.menu1);
}
Спасибо
Александр

Искандер · #10 (**permalink**) 21.03.2018, 16:42

<body>
<form name="vibor" method="post">
<input type="number" min="1" max="255" step="1" value="1" id="nomSign" /><br>
<input type="button" value="Выбор сигнализатора" id="txt"  onclick="VoborSign()"/><br>
<input type="button" value="Обновление списка  сигнализаторов" id="txt1"  onclick="Spisok()"/><br>
</form>
<form >
 <select name=ZavN size=1  id="menu1">
 </select>
</form>
</body>

var otvmas=[15,25,36,87];
function Spisok() {		
					console.log("TEST")
					var nn=1;
					for(var n=0; n<otvmas.length; n++){					
					var Sign= "<option value="+nn+">"+otvmas[n]+"</option>";
					var Sign1 = document.getElementById('menu1').insertAdjacentHTML('beforeEnd',Sign)
					nn++;			
					}
					document.body.removeChild(document.body.Sign);																						
					document.body.removeChild(document.body.menu1);																
}

Спасибо
Александр

Форум

Справочник

Discord чат

Курсы javascript