Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wyciągniecie tekstu z <div>input</div>
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
chyzio
Witam wszystkich !

Następujący DIV

  1. <div id="nazwa"><input name="nazwa" type="text" value="dupa" /></div>


Jak wyciągnąć tylko wartość value za pomocą:

  1. document.getElementById('nazwa')
EarthCitizen
dla input dajesz atrybut id="identyfikator" i document.getElementById('identyfikator').value
nevt
  1. var div=document.getElementById('nazwa');
  2. var inputs=div.getElementsByTagName('input');
  3. alert(inputs[0].value);
chyzio
Ok to działa. Nie będę zakładał nowego tematu więc tu zapytam.

Następująca tabelka:

  1. <tr>
  2. <td>1</td>
  3. <td>1</td>
  4. </tr>
  5. <div id="nowy_wiersz"></div>


I teraz po kliknucięciu bym chciał dodać pomiędzy diva nowy wiersz, macie pomysły jak to zrobić ? wystarczy jakiś pseudo kod w js a nie gotowe rozwiązanie

Aktualnie robię to w następujący sposób

  1. function nowa_grupa(){
  2.  
  3.  
  4. var wiersz = document.createElement("div");
  5. wiersz.innerHTML = '<tr><td></td> <td></td></tr>';
  6. document.getElementById("nowy_wiersz").appendChild(wiersz);
  7.  
  8.  
  9. }


tyle że wiersz mi się dodaje na gorze a nie pod spodem gdzie umiejscowiony jest div
wookieb
Kod
document.getElementById('id').innerHTML+='cos';

Cytat
tyle że wiersz mi się dodaje na gorze a nie pod spodem gdzie umiejscowiony jest div

A wiesz ze nie mozesz tak umieszczac diva? Np dlatego ze w znaczniku table musza byc znaczniki TR a w nich TD i dopiero w TD wstawiasz co chcesz.
chyzio
No ok wstawianie wartości do komórki działa ale je chcę wstawić cały wiersz czyli dokleić
  1. <tr><td></td><td></td></tr>
do istniejącej tabelki, w miejscu gdzie jest div tabelka nie jest jeszcze zamknieta a wstawiąc "recznie" kod pomiędzy
  1. <div id="nowy_wiersz"></div>
działa mi to
chyzio
Trochę z motyką na słońce się porywam z moją znajomością JS tak naprawdę w tych wierszach mają być inputy dodawanie wierszy działa ;]

  1. function nowa_grupa(){
  2.  
  3. var wiersz = document.getElementById('tabelaGrupy').insertRow(0);
  4.  
  5. var input = wiersz.insertCell(0);
  6. var id_grupy = wiersz.insertCell(1);
  7. var nazwa = wiersz.insertCell(2);
  8. var uprawnienia = wiersz.insertCell(3);
  9. var opis = wiersz.insertCell(4);
  10.  
  11. id_grupy.innerHTML="1";
  12. nazwa.innerHTML="2";
  13. uprawnienia.innerHTML="3";
  14. opis.innerHTML="4";
  15.  
  16.  
  17.  
  18. }
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.