Cómo obtener los valores de todas las opciones en el cuadro desplegable de selección múltiple con jquery

Jquery puede obtener los valores de todas las opciones en el cuadro desplegable de selección múltiple de la siguiente manera

var?all?=?"";

$("select?option ").cada(función()?{

todos?+=?$(this).attr("valor")+"?";

});

El valor para obtener el valor seleccionado se puede implementar con el siguiente código

$("select").val();

El código de ejemplo se proporciona a continuación:

Crear elementos HTML: una lista de selección múltiple y un botón

Rábano, mi valor es 1

Verduras verdes, mi valor es 2

Cebolletas, mi valor es 3

Tofu, mi el valor es 4

Simplemente configure el estilo CSS

select{width:200px;height:150px;padding:10px;border:4px?dashed?#ccc;}

select?option{margin :5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px?dashed?#ebbcbe;}

Escribir código jquery: lograr obtener todos los valores y obtener el valor seleccionado

$(function(){

$("input:button").click(function()?{

var?all?=?" ";

$("select?option").each(function()?{

todos?+= ?$(this).attr("valor")+" ?";

});

var?sel?=?$("select").val() ;

alert("Lista de selección múltiple Todos los valores: "+todos+", entre los cuales el seleccionado es: "+sel+". ");

});

})

Observar el efecto