Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Dodawania elementów HTML w pętli JS
danon198901
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 26.09.2012

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


Witam,

mam pytanie: Jak można dodać elementy HTML (textbox, select, radio button itp) za pomocą JavaScriptu (osadzić HTML w JS)? Jest mi to potrzebne, żeby dynamicznie generować formularz HTML, w zależności od opcji wpisanych/wybranych przez użytkownika. O ile w PHP nie było problemu, bo mogłem to zrobić za pomocą echo np.

  1. <?php
  2. echo '<input type="button" name="info" value="?" style="width: 50px; height: 50px" /><br />';
  3. ?>


w JS nie mam pojęcie jak do tego podejść, a w kursach JS nie znalazłem interesujących mnie informacji. Przykładowo użytkownik wprowadza liczbę 'textboxów' i dynamicznie ma zostać wyświetlona odpowiednia liczba, która później zostanie obsłużona przez interpreter PHP.

  1. <input type="text" name="liczba_text" id="abc" size="2" maxlength="2" onBlur="sprText()" /><br/>
  2.  
  3.  
  4. <script type="text/javascript">
  5. function sprText()
  6. {
  7. var liczba = document.getElementById("abc").value;
  8. for( ; i=liczba; i++)
  9. {
  10. //tu chce właśnie dynamicznie dodać textboxy np:
  11. //<input type="text" name="tekst"+i+"" size="2" maxlength="2" />
  12. }
  13. }
  14. </script>


Ten post edytował danon198901 21.03.2013, 12:06:44
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


Cytat
O ile w PHP nie było problemu, bo mogłem to zrobić za pomocą echo np.

mogłeś ale nie powinieneś. W PHP zgodnie z zasadami oddzielania logiki od widoku powinieneś użyć szablonów, np. Smarty czy w inny sposób oddzielić kod HTML od kodu PHP. Inaczej masz kaszanę w kodzie.

Cytat
mam pytanie: Jak można dodać elementy HTML (textbox, select, radio button itp) za pomocą JavaScriptu (osadzić HTML w JS)?

to co powiedział mój przedmówca plus:
4. klonowanie elementów ( http://google.pl?q=clone+html+elements+javascript )
5. korzystanie z systemów szablonów JS ( http://google.pl?q=template+engine+comparison+javascript )
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 03:02