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

tabla desplegable html

Question

¿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?

Answer 1

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.

Answer 2

No puedes. Simplemente no funcionan de esa manera. Un menú desplegable debe tener una de sus opciones seleccionadas en todo momento.

Podría (aunque no lo recomiendo) observar un evento de cambio y luego usar JS para eliminar la primera opción si está en blanco.

Answer 3

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.

Answer 4

Puede establecer selectedIndex en -1 usando .prop : http://jsfiddle.net/R9auG/ .

Para las versiones anteriores de jQuery use .attr lugar de .prop : http://jsfiddle.net/R9auG/71/ .

Answer 5

Puedes probar este fragmento

$("#your-id")[0].selectedIndex = -1

Funcionó para mí

Answer 6

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.

Answer 7

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.

Answer 8

<select>
     <option value="" style="display:none;"></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>