[js]Tworzenie nowej listy z listy

[js]Tworzenie nowej listy z listy

skowron-line Zobacz profil	20.11.2007, 09:37:44 Post #1
Grupa: Zarejestrowani Postów: 4 340 Pomógł: 542 Dołączył: 15.01.2006 Skąd: Olsztyn/Warszawa Ostrzeżenie: (0%)	Witam chcialbym utworzyc nowy obiekt typu <select> w oparciu o juz istniejacy, niby dosyc proste ale jednak. kod [HTML] pobierz, plaintext <html> <head> <script type="text/javascript"> function showOptions(){ var oList = document.getElementById('abc'); var oDiv = document.getElementById('oDiv'); var select = document.createElement('select'); for(var i=0; i<=oList.length; i++){ // alert(oList.options[i].value); // oListValue = oList.options[i].value; //oListText = oList.options[i].text; option = document.createElement('option'); option.setAttribute('value',oList.options[i].value); var optionText = document.createTextNode(oList.options[i].text); option.appendChild(optionText); select.appendChild(option); } oDiv.appendChild(select); } </script> </head> <body onLoad="showOptions();"> <select id="abc"> <option value="a">ab</option> <option value="b">bc</option> <option value="c">cd</option> </select> <div id="oDiv"></div> </body> </html> [HTML] pobierz, plaintext problem wyglada nastepujaco. Kod Error: oList.options[i] has no properties Source File: file:///C:/AppServ/www/javascript/selectOptions.html Line: 13 ale jak odkomentuje alerta to elegancko wywali on wszystkie wartosci tej listy

Odpowiedzi

BaN Zobacz profil	22.11.2007, 17:55:46 Post #2
Grupa: Zarejestrowani Postów: 158 Pomógł: 43 Dołączył: 9.11.2007 Ostrzeżenie: (0%)	O ile dobrze zrozumiałem, to chcesz utworzyć 5 selektów, więc wystaczy zrobić to w pętli. Dodałem dodatkowo 'name', gdyż chyba później te dane z formularza mają być wykorzystane. Kod function showOptions(){ var i,j,select,oList = document.getElementById('abc'),n=oList.length var oDiv = document.getElementById('oDiv'); for(j=1; j<=5; ++j) { select = document.createElement('select'); select.setAttribute('name', 'nazwa' + j); for(i=0; i<n; i++){ option = document.createElement('option'); option.setAttribute('value',oList.options[i].value); option.appendChild(document.createTextNode(oList.options[i].text)); select.appendChild(option); } oDiv.appendChild(select); } }

Posty w temacie

skowron-line [js]Tworzenie nowej listy z listy 20.11.2007, 09:37:44

Revan Chodzi o zwykłe skopiowanie elementu? Z użyciem jQ... 22.11.2007, 15:42:08

skowron-line Cytat(Revan @ 22.11.2007, 15:42:08 ) ... 22.11.2007, 16:33:17

BaN Powinno działać: Kodfunction showOptions(... 22.11.2007, 16:47:53

skowron-line Mam cos takiego Kod for(var i=0;i<=oList... 22.11.2007, 16:59:34

BaN O ile dobrze zrozumiałem, to chcesz utworzyć 5 sel... 22.11.2007, 17:55:46

skowron-line nie no zle zrozumiales chce 1 select z 5 opcjami 23.11.2007, 10:22:41

BaN Możesz wykorzystać funkcję, którą podałem wyżej lu... 23.11.2007, 12:31:23

skowron-line @BaN no to teraz mi dajes skrypt. ja mam cos takie... 23.11.2007, 13:01:34

BaN Nie rozumiem w takim razie co chcesz zrobić. Kod k... 23.11.2007, 14:08:28

skowron-line jak na moje oko oba te skrypty sa takie podobne, t... 23.11.2007, 14:29:04

nospor Kodvar oOption2 = document.createElement(... 23.11.2007, 14:39:04

skowron-line @BaN dzieki wielkie za kodzik, teraz dziala jak na... 23.11.2007, 15:30:19

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 27.12.2025 - 09:00

Hosting zapewnia