Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] <select> i <input>
red9skull
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----


Mam na stronie index.php taki kod:
  1. <select name="ubek" id="ubek">
  2. <option value="&t=reputacja">Punkty reputacji</option>
  3. <option value="&t=posty">Liczba postów</option>
  4. <option value="&t=znajomi">Liczba znajomych</option>
  5.  
  6. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />

I chcę zrobić tak, żeby po wybraniu, np. "Liczba postów" dopisywało się do inputa "&t=posty". Czyli, żeby input wyglądał tak:
  1. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user&t=posty" />

Jak to zrobić bez przeładowania strony?

Ten post edytował red9skull 23.11.2009, 17:31:16
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kefirek
post
Post #2





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

Ostrzeżenie: (0%)
-----


A tak ?
Kod
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var url = $("#tutaj").val();
$("#ubek").change(function (){
var val = "";
$("select[name=ubek] option:selected").each(function () {
val += $(this).val();
});
$("#tutaj").val(url + val);
});
})
</script>
</head>
<body>

<select name="ubek" id="ubek">
<option value="&t=reputacja">Punkty reputacji</option>
<option value="&t=posty">Liczba postów</option>
<option value="&t=znajomi">Liczba znajomych</option>
</select>

<input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />

<div id="wynik"></div>
</body>
</html>


Ten post edytował kefirek 23.11.2009, 19:39:16
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 02:44