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:



Select w html ma id="age"

[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 

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