[jQuery] wyświetlanie wartości przycisków w polu input=text, nie chce wyświetlać wartości przycisków :-/

[cachaito]

Witam serdecznie!

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

<ul class="buttons">
<form method="post"> 
  <li class="shadow"><button name="x" value="1">a</button></li>
  <li class="shadow"><button name="x" value="2">b</button></li>
  <li class="shadow"><button name="x" value="3">c</button></li>
  <li class="shadow"><button name="x" value="4">d</button></li>
</form>	
</ul>

<p><input type="text" id="msg" value="wartość domyślna"></input></p>

<script type="text/javascript">
$(document).ready(
  function() {
    $("button[name=x]").click(
      function() {
       $("input:text").text($(this).val());
   });
});
</script>

Problem w tym, że w polu input:text nic się nie pojawia...

A ja 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

[Eros]

<script type="text/javascript">
$(document).ready(
function() {
   $("button[name=x]").click(
   function() {
      $("input:text").val($(this).val());
   return false;
   });
});
</script>

return false - aby kliknięcie nie powodowało przeładowania się strony

[cachaito]

Hej! Bardzo dziękuję za odpowiedź :-)

Sam bardzo nad tym myślałem i kombinowałem. I wyszło mi takie coś:

$('button[name=x]').click(function () {
var text = $(this).attr('value');
$('input[type=text]').val(text);
});

Twój sposób też działa. Tyle, że oba sposoby działają tylko w nowszych przeglądarkach. W ie6 zamiast cyfr, wyświetlane są liczby: a,b,c,d

:-[

[Eros]

Zamiast "button" możesz jeszcze spróbować input type="radio" tyko wtedy wartości pobiera się w trochę inny sposób.

Jeśli chodzi o IE6 to co prawda jeszcze kilka procent osób korzysta z niej ale nie twórzmy stron dla przeglądarki, które ma prawie 10 lat... i nie obsługuje żadnych standardów.