tengo esta parte del código de un formulario de reservas:
<select name="time" required>
<option value="">Reservar hora</option>
<option value="9:00-10:00">09:00 - 10:00</option>
<option value="10:15-11:15">10:15 - 11:15</option>
<option value="11:30-12:30">11:30 - 12:30</option>
<option value="12:45-13:45">12:45 - 13:45</option>
<option value="13:00-14:00">14:00 - 15:00</option>
<option value="14:00-15:00">15:15 - 16:15</option>
<option value="16:30-17:30">16:30 - 17:30</option>
<option value="17:45-18:45">17:45 - 18:45</option>
</select>
Mi pregunta es ¿Cómo podría desactivar por ejemplo la opción 16:30 - 17:30? De manera que porque ese horario esta ocupado ya por un cliente, el usuario no pueda enviar el formulario. Gracias y un saludo
Solución Gracias por la información y enlace y he encontrado: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup He incluido el elemento optgroup y ahi pongo la fecha de reserva y el formulario no se puede enviar.
<select name="time" required>
<option value="">Reservar hora</option>
<option value="16:30-17:30">16:30 - 17:30</option>
<optgroup label="Reservada: 22/5 17:45 - 18:45">
<option value="">17:45 - 18:45</option>
<option value="19:00-20:00">19:00 - 20:00</option>
</select>
Es lo que estaba buscando, esa día y hora no se puede enviar. Gracias y un saludo
option
necesario. Esto lo puedes controlar por programación con PHP.optgroup
no es para desactivar una opción, sino para crear grupos de opciones y lo que pones ahí dentro sería como el título de ese grupo. Si se trata de desactivar una o más de las opciones tienes que usardisabled
, como te comenta @aeportugal. Además, usaroptgroup
no te servirá en contextos dinámicos donde eloption
podría ser activado si se libera.