Удаление выпадающего списка
Всем привет
Не знаю как решить В 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++; } |
Цитата:
|
Спасибо
Но ссылка не открывается |
Цитата:
вот цитата оттуда Цитата:
|
Всем спасибо
Буду пробовать |
Второй день мучаюсь - не получается.
Я что-то не понимаю Создал список : <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); Я уже два удаления написал ни одно не работает. Подскажите, где ошибка. Заранее спасибо Александр |
Искандер,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Цитата:
|
<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); } Спасибо Александр |
<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); } Спасибо Александр |
Искандер,
[HTML] ... ваш код... [/HTML] |
Искандер,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script> var otvmas=[15,25,36,87]; function Spisok() { var Sign = ""; for(var n=0; n<otvmas.length; n++){ Sign += "<option value="+ (n + 1)+">"+otvmas[n]+"</option>"; } document.getElementById('menu1').options.length = 0; document.getElementById('menu1').insertAdjacentHTML('beforeEnd',Sign) } </script> </head> <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> </html> |
Спасибо
У меня это работает Но на практике массив "otvmas" у меня приходит с сервера. И перед тем как сформировать новое меню мне надо старое удалить а после заменить новым. Александр |
Спасибо
У меня это работает Но на практике массив "otvmas" у меня приходит с сервера. И перед тем как сформировать новое меню мне надо старое удалить а после заменить новым. У меня не получается удаление Александр |
Цитата:
|
Всем спасибо
понял буду разбираться С уважением Алексадр |
Можно и явно удалять с помощью removeChild
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script> var otvmas=[[15,25,36,87],[10,20,30]], i = -1; function Spisok() { var Sign = ""; i == 1? i = 0: i++; for(var n=0; n<otvmas[i].length; n++){ i Sign += "<option value="+ (n + 1)+">"+otvmas[i][n]+"</option>"; } var sel = document.getElementById('menu1'); while(sel.firstChild) { sel.removeChild(sel.firstChild)}; sel.insertAdjacentHTML('beforeEnd',Sign) } </script> </head> <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> </html> |
Ребята
Всем большое спасибо за внимание С уважением Александр |
на всякий случай ...
строка 16 пост №17 это небольшая опечатка Dilettante_Pro, |
рони,
:thanks: Я и не заметил... И ничего - работает:) |
Часовой пояс GMT +3, время: 05:59. |