javascript - validacion - ¿Es posible mostrar todas las opciones desde un campo de formulario de selección HTML a la vez sin hacer clic en él?

validar formulario javascript html5

Question

Estoy usando la biblioteca de edición en jQuery X-Editable in place para un campo de selección de Estado de la tarea. Todas las etapas se muestran a continuación en el proceso de:

1. Hacer clic en el estado
2. Luego oculta el SPAN de estado y revela el campo de Selección oculto.
3. Puede hacer clic en el campo de selección que lo hace desplegable y mostrar todas las opciones disponibles.
4. Al hacer clic en un nuevo valor de opción de Selección, se muestra una imagen de carga giratoria mientras se realiza una solicitud de AJAX para guardar el valor.
5. A continuación, muestra el nuevo valor de estado SPAN seleccionado.
6. Al hacer clic nuevamente se reinicia el ciclo / proceso.

Sin embargo, estoy tratando de encontrar una forma mejor de seleccionar un nuevo valor. Solo hay 3 opciones de selección, por lo que me gustaría mostrar los 3 elementos a la vez en lugar de tener que hacer clic en el menú desplegable para ver las otras 2 opciones.

¿Es posible hacer eso con una selección básica o requiere un campo de selección múltiple ?

Answer 1

$ ("# Id_Selecteventtype") [0] .selectedIndex = 1;

Answer 2

http://jsfiddle.net/n1k5cLx0/

¿Está buscando una lista o todavía desea un menú desplegable con las opciones que se muestran por defecto? Para un estilo de lista, puede usar el atributo de tamaño con el elemento de selección.

HTML

<select size="3">
  <option>Not Started</option>
  <option selected>In Progess</option>
  <option>Completed</option>
</select>

CSS

select{
    overflow:auto;
}