Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]Tworzenie nowej listy z listy
skowron-line
post
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 
  1. <html>
  2.   <head>
  3.     <script type="text/javascript">
  4.       function showOptions(){
  5.         var oList = document.getElementById('abc');
  6.         var oDiv = document.getElementById('oDiv');
  7.         var select = document.createElement('select');  
  8.           for(var i=0; i<=oList.length; i++){
  9.            // alert(oList.options[i].value);
  10.           // oListValue = oList.options[i].value;
  11.            //oListText = oList.options[i].text;
  12.             option = document.createElement('option');
  13.             option.setAttribute('value',oList.options[i].value);
  14.             var optionText = document.createTextNode(oList.options[i].text);
  15.             option.appendChild(optionText);
  16.             select.appendChild(option); 
  17.           }
  18.          oDiv.appendChild(select); 
  19.       }
  20.     </script>
  21.   </head>
  22.   <body onLoad="showOptions();">
  23.     <select id="abc">
  24.       <option value="a">ab</option>
  25.       <option value="b">bc</option>
  26.       <option value="c">cd</option>
  27.     </select>
  28.     <div id="oDiv"></div>
  29.   </body>
  30. </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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Revan
post
Post #2





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 21.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Chodzi o zwykłe skopiowanie elementu? Z użyciem jQuery może to wyglądać zupełnie tak:
Kod
$('#abc').clone(true).appendTo('#oDiv');
Go to the top of the page
+Quote Post

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

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 2.10.2025 - 22:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn