Forum PHP.pl

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:

[HTML] pobierz, plaintext 
<script type="text/javascript">
    $('button').click(function () {
         $('#msg').text($(this).val());
    });
</script>
[HTML] pobierz, plaintext 

W takim przypadku na chwilę wyświetla mi się wartość poczym znika w polu #msg

[HTML] pobierz, plaintext 
<p id="msg"></p>
<input type="text" id="txtmsg" value="wartość"></input>
[HTML] pobierz, plaintext 

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.:

[HTML] pobierz, plaintext 
<script type="text/javascript">
    $('button').click(function () {
         $('input:text').text($(this).val());
    });
</script>
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
<script type="text/javascript">
    $('button').click(function () {
         $('#txtmsg').text($(this).val());
 });
</script>
[HTML] pobierz, plaintext 

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

W elementach formularzy wartość ustawia się korzystając z metody val(), a nie text().

Przyznam, że niezby znam się na jQuery.

Jeśli robię:

[HTML] pobierz, plaintext 
<script type="text/javascript">
    $('button').click(function () {
         $('input:text').val($(this).html());
 });
</script>
[HTML] pobierz, plaintext 

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?

[HTML] pobierz, plaintext 
<p id="msg"></p>
 
<input type="button" value="PHP">
<input type="button" value="JAVASCRIPT">
<input type="button" value="HTML">
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
 
$(document).ready(
function() {
 
$("input:button").click(
function() {
$("#msg").text($(this).val());
});
 
});
 
[JAVASCRIPT] pobierz, plaintext 

coś takiego

Ten post edytował fifi209 22.07.2010, 22:05:27

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...

Wystaw to gdzieś w całości.

Zmyliło mnie to Twoje "p", wystaw to gdzieś... bo tak ciężko stwierdzić co dolega Twojemu skryptowi.

To jest naprawdę bardzo prosta strona:

[HTML] pobierz, plaintext 
<div class="questions">
 
<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>
 
<ul class="answers">
   <li>Bardzo dużo</li>
   <li>Umiarkowanie</li>
   <li>Mało</li>
   <li>Bardzo mało</li>
</ul>
 
</div>
 
<script type="text/javascript">
$(document).ready(
   function() {
     $("button[name=x]").click(
       function() {
        $("input:text").text($(this).val());
    });
});
</script>
 
<p><input type="text" id="msg" value="wartość domyślna"></input></p>	
 
[HTML] pobierz, plaintext 

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.