Desactivar options de select

[alejandromaringomez]

Buenas amigos ,

Mirad, tengo un formulario que me esta dando mas problemas de lo que creia XD, esta aquí:

[URL="http://www.metokes.com/webs/autosalex"]http://www.metokes.com/webs/autosalex[/URL]

Es el de inicio, es un formulario de reservas, y digamos que el sistema calcula el precio por día, imaginad que de fecha escojemos el día de hoy, la hora le ponemos la 01:00h y en devolución escojemos mañana a las 0:30h, y direis... ¿Qué sucede?. Lo que sucede es que no han pasado 24h, es decir, un día, y los precios de los vehículos los calcula por días, y ahora la pregunta del millón:

¿Cómo puedo hacer para que en el select de la hora de devolución, desactive la hora seleccionada de entrega y anteriores solo para el día después?
Obviamente dos días después habrán pasado las 24h y estará disponible el horario entero.

Muchísimas gracias y un saludete amiguetes XD :)

EDITO: Buscando he encontrado una manera de hacerlo:

en el html pongo un select y en cada option un data-option que contiene el número de posicion en lista y en jquery hago esto:

<script type="text/javascript">

$('select#time_one').change(function(){

$('select#time_two option').attr('disabled', false);

$('select#time_two option:first-child').attr('disabled', true);

$('select#time_two option:eq(' + $('select#time_one option:selected').data('option') + ')').attr('disabled', true);

});

</script>

Lo que hace es eliminar el seleccionado en la segunda lista, pero quiero que elimine los options anteriores, ¿Se puede hacer?

[CHuLoSoY]

Tendrás que jugar con los childs. Si detectas que los options a desactivar son desde el hijo 15 para atrás (por poner un ejemplo) tendrás que hacer un bucle que desactive todos hasta el 15 y a partir de ahí se pare. Esto lo haces con el selector nth-child(N)

Código Javascript:

for(var i = 0; i<15; i ++) {
     $('select#time_two option:nth-child('+ i +')').attr('disabled', true);
}