[jQuery] Lista rozwijalna Opcje

[m.e.n.t.o.s.]

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"

[moczymorda]

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function() {
	$('#age').click(function() {
		$('#age').find('option:contains(Ile masz lat?)').remove();
});
});
</script>
 
<select id="age">
  <option value="1">Ile masz lat?</option>
  <option value="20">20-25</option>
  <option value="25">25-35</option>
  <option value="35">35-45</option>
  <option value="45">45-50</option>
</select>
[HTML] pobierz, plaintext 

Ten post edytował moczymorda 6.12.2009, 21:19:35

[m.e.n.t.o.s.]

Działa w IE7, ale w Firefoxie nie działa. Nie mam w tej chwili możliwości przetestowania na innych przeglądarkach.


Jednak działa i na FF. Teraz mam taki kod:

[HTML] pobierz, plaintext 
jQuery(document).ready(function(){
	$("#age").focus(function() {
		$('#age option:first').remove();
	});
});
[HTML] pobierz, plaintext 

Ten post edytował m.e.n.t.o.s. 7.12.2009, 09:36:20