Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jQuery] wyświetlanie wartości przycisków w polu input=text
Forum PHP.pl > Forum > Przedszkole
cachaito
Witam serdecznie!

Plan był taki: 4 buttony, każdy ma swój liczbową wartość. Po naciśnięciu przycisku, w polu input=text pojawia się przypisana do buttona wartość. I tak:

  1. <script type="text/javascript">
  2. $('button').click(function () {
  3. $('#msg').text($(this).val());
  4. });


W takim przypadku na chwilę wyświetla mi się wartość poczym znika w polu #msg
  1. <p id="msg"></p>
  2. <input type="text" id="txtmsg" value="wartość"></input>


Problem w tym, że ja bardzo chciałbym aby wartość pojawiła się w polu input=type w jego value i żeby tam została...

Gdy kombinuje np.:

  1. <script type="text/javascript">
  2. $('button').click(function () {
  3. $('input:text').text($(this).val());
  4. });


lub

  1. <script type="text/javascript">
  2. $('button').click(function () {
  3. $('#txtmsg').text($(this).val());
  4. });


wartość nie pojawia się w niej nawet przez chwilę... :-/

erix
W elementach formularzy wartość ustawia się korzystając z metody val(), a nie text().
cachaito
Przyznam, że niezby znam się na jQuery.

Jeśli robię:
  1. <script type="text/javascript">
  2. $('button').click(function () {
  3. $('input:text').val($(this).html());
  4. });


Owszem, wynik pojawia się w input:text ale znów tylko na chwilę i zamiast wartości przycisków, jest to nazwa buttona (<button>nazwa</button>)

Czy jest jakiś inny sposób, aby przechwycić value buttonów do pola text:input?
Fifi209
  1. <p id="msg"></p>
  2.  
  3. <input type="button" value="PHP">
  4. <input type="button" value="JAVASCRIPT">
  5. <input type="button" value="HTML">


[JAVASCRIPT] pobierz, plaintext
  1.  
  2. $(document).ready(
  3. function() {
  4.  
  5. $("input:button").click(
  6. function() {
  7. $("#msg").text($(this).val());
  8. });
  9.  
  10. });
  11.  
[JAVASCRIPT] pobierz, plaintext


coś takiego
cachaito
Dzięki za odpowiedź!

Niestety to wciąż nie to. Po pierwsze cyferki z value się pojawiają, ale cholera zaraz potem znikają :-(
Poza tym ja bym bardzo chciał aby ten wynik wyświetlił się w polu input:text...
erix
Wystaw to gdzieś w całości.
Fifi209
Cytat(cachaito @ 22.07.2010, 22:16:44 ) *
Dzięki za odpowiedź!

Niestety to wciąż nie to. Po pierwsze cyferki z value się pojawiają, ale cholera zaraz potem znikają :-(
Poza tym ja bym bardzo chciał aby ten wynik wyświetlił się w polu input:text...


Zmyliło mnie to Twoje "p", wystaw to gdzieś... bo tak ciężko stwierdzić co dolega Twojemu skryptowi.
cachaito
To jest naprawdę bardzo prosta strona:

  1. <div class="questions">
  2.  
  3. <ul class="buttons">
  4. <form method="post">
  5. <li class="shadow"><button name="x" value="1">a</button></li>
  6. <li class="shadow"><button name="x" value="2">b</button></li>
  7. <li class="shadow"><button name="x" value="3">c</button></li>
  8. <li class="shadow"><button name="x" value="4">d</button></li>
  9. </form>
  10. </ul>
  11.  
  12. <ul class="answers">
  13. <li>Bardzo dużo</li>
  14. <li>Umiarkowanie</li>
  15. <li>Mało</li>
  16. <li>Bardzo mało</li>
  17. </ul>
  18.  
  19. </div>
  20.  
  21. <script type="text/javascript">
  22. $(document).ready(
  23. function() {
  24. $("button[name=x]").click(
  25. function() {
  26. $("input:text").text($(this).val());
  27. });
  28. });
  29.  
  30. <p><input type="text" id="msg" value="wartość domyślna"></input></p>
  31.  


Po prostu chciałbym, aby po naciśnięciu pierwszego buttona, w polu input type=text pojawiła się cyferka 1, gdy wcisnę button nr 2 pojawi się w polu tekstowym cyferka 2 itd. smile.gif
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.