<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style>
select,input {width:150px;} </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>
/**
* Función que selecciona todos los valores del select
* Recibe el id del select al que tiene que hacer referencia
*/
function seleccionarTodo(id)
{ // Recorremos todos los valores
$("#"+id+" option").each(function(){
// Marcamos cada valor como seleccionado
$("#"+id+" option[value="+this.value+"]").prop("selected",true); });
}
/**
* Funcion que elimina la seleccion de cualquier elemento del select
* Recibe el id del select al que tiene que hacer referencia
*/
function eliminarSeleccion(id)
{ // Recorremos todos los valores
$("#"+id+" option").each(function(){
// Marcamos cada valor como NO seleccionado
$("#"+id+" option[value="+this.value+"]").prop("selected",false); });
}
</script>
</head>
<body>
<form>
<select name="miSelec" id="miSelect" multiple="multiple">
<option value="1">primero</option>
<option value="2">segundo</option>
<option value="3">tercero</option>
<option value="4">quarto</option>
</select>
<br><input type="button" value="seleccionar todo" onclick="seleccionarTodo('miSelect')"> <br><input type="button" value="eliminar seleccion" onclick="eliminarSeleccion('miSelect')"></form>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (1)