Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Tablica + select
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Dominator
Witam
Jak załadować elementy z tablicy do <select>? Chcę zrobić takie coś:

  1. <select>
  2. <option>a</option>
  3. <option>b</option>
  4. <option>c</option>
  5. </select>


A wychodzi mi coś takiego:

  1. <select>
  2. <option>a</option>
  3. </select>
  4.  
  5. <select>
  6. <option>b</option>
  7. </select>
  8.  
  9. <select>
  10. <option>c</option>
  11. </select>


  1. $(document).ready(function(){
  2. var index;
  3. var a = ["a", "b", "c"];
  4. for (index = 0; index < a.length; ++index) {
  5. $(element).eq(0).css("width","150").after("<select><option>"+a[index]+"</option></select>");
  6. }
  7. });


F5
_Borys_
<select> przed pętlą
</select> za pętlą
Dominator
  1. $(document).ready(function() {
  2. var index,
  3. tablica = ["a", "b", "c"],
  4. SELECTSTART = "<select><option>",
  5. SELECTEND = "</option></select>";
  6. var ASA = SELECTSTART+
  7. for (index = 0; index < tablica.length; ++index) {
  8. +tablica[index]+
  9. }
  10. +SELECTEND;
  11. document.write(ASA);
  12. });


Co tu źle zrobiłem?
PrinceOfPersia
popełniłeś kilka błędów składniowych... pętla for(;;) to nie wyrażenie, nie możesz dodać pętli do czegoś. (nie w JavaScript). Tak spróbuj (i doczytaj o pętlach):
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. var tablica = ["a", "b", "c"];
  3. var select = $("<select></select>");
  4. var option;
  5.  
  6. for (var index = 0; index < tablica.length; ++index) {
  7. option = $("<option></option>");
  8. option.text(tablica[index]);
  9. $(select).append(option);
  10. }
  11.  
  12. $("body").append(select);
  13. });
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.