Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Lista rozwijalna
m.e.n.t.o.s.
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 13.11.2009

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


Witam
Mam problem tego typu. Jest sobie na stronie formularz z listą rozwijalną (select), gdzie użytkownik wybiera swój wiek. Czyli na liście są cyferki. Chciałem uzyskać taki efekt, gdzie wewnątrz listy znajduje się napis "Ile masz lat?", po kliknięciu na select, ten napis znika i na liście są do wyboru tylko cyferki. Kombinuje z jQuery, ale nie działa. Mam taki kod:

Kod
jQuery(document).ready(function(){
    $("#age").prepend('<option>Ile masz lat?</option>').focus(function() {
        $('#age option:first').remove();
        $(this).blur(function() {
            $(this).prepend('<option>Ile masz lat?</option>');
        });
    });
});


Select w html ma id="age"
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
moczymorda
post
Post #2





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 30.11.2009

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


  1. <script type="text/javascript">
  2. $(function() {
  3. $('#age').click(function() {
  4. $('#age').find('option:contains(Ile masz lat?)').remove();
  5. });
  6. });
  7.  
  8. <select id="age">
  9. <option value="1">Ile masz lat?</option>
  10. <option value="20">20-25</option>
  11. <option value="25">25-35</option>
  12. <option value="35">35-45</option>
  13. <option value="45">45-50</option>


Ten post edytował moczymorda 6.12.2009, 21:19:35
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: 7.10.2025 - 13:26