html tabla - SELECCIONAR HTML en blanco sin elemento en blanco en la lista desplegable




4 Answers

Simplemente use atributos deshabilitados y / o ocultos:

<option selected disabled hidden style='display: none' value=''></option>
  • selected hace que esta opción sea la predeterminada.
  • disabled hace que esta opción no se pueda hacer clic.
  • style='display: none' hace que esta opción no se muestre en navegadores más antiguos. Ver: ¿Puedo usar la documentación para el atributo oculto?
  • hidden hace que esta opción no se muestre en la lista desplegable.
defecto por

¿Cómo implementar Subj?

cuando yo escribo:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

el elemento seleccionado por defecto es "aaaa"

cuando yo escribo:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

luego, el elemento seleccionado predeterminado está en blanco, pero este elemento en blanco se presenta en menú desplegable.

¿Cómo puedo implementar la etiqueta SELECT con el valor predeterminado en blanco oculto en la lista desplegable?




Simplemente usando

<option value="" selected disabled>Please select an option...</option>

funcionará en cualquier lugar sin script y le permitirá instruir al usuario al mismo tiempo.




Aquí hay una manera simple de hacerlo usando JavaScript simple. Este es el equivalente vainilla del script jQuery publicado por pimvdb. Puedes probarlo here .

<script type='text/javascript'>
  window.onload = function(){
    document.getElementById('id_here').selectedIndex = -1;
  }
</script>

.

<select id="id_here">
  <option>aaaa</option>
  <option>bbbb</option>
</select>

Asegúrese de que el "id_aquí" coincida en el formulario y en el JavaScript.




Para html puramente, @isherwood tiene una gran solución. Para jQuery, dele a su lista desplegable de selección una ID y luego selecciónela con jQuery:

<form>
  <select id="myDropDown">
    <option value="0">aaaa</option>
    <option value="1">bbbb</option>
  </select>
</form> 

A continuación, use este jQuery para borrar el menú desplegable en la carga de la página:

$(document).ready(function() {
    $('#myDropDown').val(''); 
});

O póngalo dentro de una función por sí mismo:

$('#myDropDown').val(''); 

logra lo que está buscando y es fácil poner esto en funciones que pueden ser llamadas en su página si necesita borrar el menú desplegable sin volver a cargar la página.




Related

html select drop-down-menu