opciones - Lista desplegable de selección de HTML

php lista desplegable dinamica

Question

Quiero tener una lista desplegable utilizando la etiqueta de selección, opción ... pero cuando aparece por primera vez quiero que tenga una información, como "Seleccione un nombre", luego el usuario hace clic en la lista desplegable y selecciona la opción disponible ... Traté de hacer la opción "Por favor, seleccione un nombre", pero luego el usuario podrá seleccionar esto ... que no es lo que quiero. ¿Necesito usar javascript para tener esta característica o qué debo hacer?

Si hay alguna forma de hacerlo, esto sería de mucha ayuda.

Answer 1

Así es como hago esto con JQuery ...

utilizando el complemento jquery-watermark (http://code.google.com/p/jquery-watermark/)

$(''#inputId'').watermark(''Please select a name'');

¡¡Funciona de maravilla!!

Hay una buena documentación en ese sitio de código de Google.

¡Espero que esto ayude!

Answer 2

Este es un post viejo, pero esto funcionó para mí.

<select>
<option value="" disabled selected>Please select a name...</option> 
<option>this</option>
<option>that</option>
</select>

Answer 3

Haga un control de JavaScript que, antes de enviar la mejilla, la opción seleccionada sea diferente a su primera opción

Answer 4

Lamento necro un viejo post, pero encontré una mejor manera de hacerlo

Lo que creo que quería este cartel era:

<label for="mydropdown" datalabel="mydropdown">Country:</label>    
<select name="mydropdown">
    <option value="United States">United States</option>
    <option value="Canada">Canada</option>
    <option value="Mexico">Mexico</option>
    <option value="Other">Not Listed</option>
</select>

Encontré esta información en otra publicación mientras buscaba esta misma respuesta - Gracias

Answer 5

Prueba esto:

<select>
    <option value="" disabled="disabled" selected="selected">Please select a name</option>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

Cuando se carga la página, esta opción se seleccionará de forma predeterminada. Sin embargo, tan pronto como se haga clic en el menú desplegable, el usuario no podrá volver a seleccionar esta opción.

Espero que esto ayude.

Answer 6

Si desea lograr lo mismo para el control de menú de jquery-ui, debe configurar ''display: none'' en el controlador de eventos abierto y agregar ''-menu'' a la cadena de identificación.

<select id="myid">
<option value="" disabled="disabled" selected="selected">Please select     name</option>
 <option value="Tom">Tom</option>
 <option value="Marry">Mary</option>
 <option value="Jane">Jane</option>
 <option value="Harry">Harry</option>
 </select>

$(''select#listsTypeSelect'').selectmenu({
  change: function( event, data ) {
    alert($(this).val());
},
open: function( event, ui ) {
    $(''ul#myid-menu li:first-child'').css(''display'', ''none'');
}
});

Answer 7

Simple, supongo. El atributo onclick funciona muy bien ...

<select onchange="if(this.value == '''') this.selectedIndex = 1; ">
  <option value="">Select an Option</option>
  <option value="one">Option 1</option>
  <option value="two">Option 2</option>
</select>

Después de seleccionar una opción diferente, si se selecciona la primera opción, se seleccionará la Opción 1. Si quieres una explicación sobre el javascript, solo pregunta.

Answer 8

Tal vez esto pueda ayudarte a resolverlo sin JavaScript http://htmlhelp.com/reference/html40/forms/option.html

Ver opción DESACTIVAR

Answer 9

Haga que <option value="">- Please select a name -</option> como la primera opción y use JavaScript (y la validación del servidor) para asegurarse de que el usuario haya seleccionado algo distinto a un valor vacío.

Answer 10

    <select>
         <option value="" disabled="disabled" selected="selected">Please select a 
              developer position</option>
          <option value="1">Beginner</option>
          <option value="2">Expert</option>
     </select>

Answer 11

<option value="" style="display:none">Choose one provider</option>

De esta manera, el usuario no puede ver esta opción, pero se muestra en el cuadro de selección.

Answer 12

<select>
    <option value="" disabled="disabled" selected="selected">Please select name</option>
  <option value="Tom">Tom</option>
  <option value="Marry">Marry</option>
  <option value="Jane">Jane</option>
  <option value="Harry">Harry</option>
</select>

Answer 13

<select>
  <option value="" disabled selected hidden>Select an Option</option>
  <option value="one">Option 1</option>
  <option value="two">Option 2</option>
</select>

Answer 14

<select name="test">
    <option hidden="true">Please select a name</option>
    <option value="Cash">Cash</option>
    <option value="Draft">Demand Draft No.</option>
    <option value="Cheque">Cheque No.</option>
</select>