Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wybów z selecta i automatyczne wpisanie danych do textarea
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
acztery
witam,

Mam taki kłopot z JS jestem kulawy możę dla Kogoś z Was to nie kłopot.

Wiec np z bazy pobieram 10 rekordów i każdy rekord ma swoje id. Na stronie to prezentuje w formie listy
kazdemy 1 rekordowi tworze po 6 selectów i jedno pole text area.

I chcial bym tak ze jak wybiore cos z danego selecta wpisalo mi sie sie to automatycznie do danego textarea dodajawajc na koncu przecinek albo spacje. może jakiś pomysł
pbnan
  1. <option onclick="document.getElementById('pole').innerHTML=this.innerHTML;">Coś1</option>
  2. <option onclick="document.getElementById('pole').innerHTML=this.innerHTML;">Coś2</option>
  3. <option onclick="document.getElementById('pole').innerHTML=this.innerHTML;">Coś3</option>
  4. <option onclick="document.getElementById('pole').innerHTML=this.innerHTML;">Coś4</option>
  5. <textarea id="pole">Coś innego</textarea>

Może coś takiego?
acztery
  1. <option onclick="document.getElementById('pole_{{$v.Id}}').innerHTML=this.innerHTML;">pole2</option>
  2. <option onclick="document.getElementById('pole_{{$v.Id}}').innerHTML=this.innerHTML;">pole</option>
  3. <option value="a">da</option>
  4. </select><br />
  5. <br />
  6. <hr>
  7. <textarea id="pole_{{$v.Id}}" style="width:97%"></textarea>


jednak nie dziala
abc667
  1. <option onclick="document.getElementById('pole').value+=this.value+', ';">pole2</option>
  2. <option onclick="document.getElementById('pole').value+=this.value+', ';">pole</option>
  3. <option value="a" onclick="document.getElementById('pole').value+=this.value+', ';">da</option>
  4. </select><br />
  5. <br />
  6. <hr>
  7. <textarea id="pole" style="width:97%"></textarea>
acztery
pod IE nie działa
gekon
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="pl">
  3. <title>Select</title>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <script type="text/javascript">
  6. addItem = function(){
  7. document.getElementById('test').onchange = function(){
  8. document.getElementById('text').innerHTML += this.value + ', ';
  9. }
  10. }
  11.  
  12. window.onload = function(){
  13. addItem();
  14. }
  15. </script>
  16. </head>
  17. <form id="form" action="#" method="post">
  18. <legend>Select</legend>
  19. <div>
  20. <select id="test" name="test">
  21. <option value="1">pole1</option>
  22. <option value="2">pole2</option>
  23. <option value="3">pole3</option>
  24. <option value="4">pole4</option>
  25. <option value="5">pole5</option>
  26. <option value="6">pole6</option>
  27. </select>
  28. </div>
  29. <textarea name="text" id="text" rows="15" cols="60"></textarea>
  30. </form>
  31. </body>
  32. </html>
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.