valor seleccionado de la lista desplegable múltiple

continuación hacia abajo es lo que tengo ...valor seleccionado de la lista desplegable múltiple

<html> 
<body> 
<form name="myForm"> 
<select name="myOption" multiple> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
</select> 
<BR><BR> 
<input type=submit value="Print First" onClick="printMe()"> 

<input type=submit value="Print All" onClick="printAll()"> 

</body> 
<script> 
function printMe() { 
alert ("Selected option is " + myForm.myOption.value); 
} 

function printAll() { 

var str = ""; 

// what should I write here?? 

alert("Options selected are " + str); 
} 


</script> 
</html>

Por favor, que me haga saber lo que debo escribir en printAll() para que pueda imprimir todos los valores que he seleccionado .. . sé cómo puedo imprimir el primer valor seleccionado ...

Gracias

Fuente

2012-02-11 Anonymous

¿qué tal esto?

function printAll() { 

var str="",i; 

for (i=0;i<myForm.myOption.options.length;i++) { 
    if (myForm.myOption.options[i].selected) { 
     str = str + i + " "; 
    } 
} 

alert("Options selected are " + str); 
}

¡¡Buena suerte !!!

Fuente

2012-02-11 11:02:06

me gustaría utilizar jQuery, ya que es más fácil

JQuery:

$("myOption:selected").each(function() { 
alert($(this).text()); 
});

Fuente

2012-02-11 10:55:03 Cakestep

se puede hacer algo como esto:

function printAll() { 

    var obj = myForm.myOption, 
     options = obj.options, 
     selected = [], i, str; 

    for (i = 0; i < options.length; i++) { 
     options[i].selected && selected.push(obj[i].value); 
    } 

    str = selected.join(); 

    // what should I write here?? 
    alert("Options selected are " + str); 
}

Demostración: http://jsfiddle.net/n3cXj/1/

Fuente

2012-02-11 10:56:22 dfsq

http://jsfiddle.net/XBDmU/2/

var selected = []; 
$("#Mymutiple option").each(function(){ 
    $(this).click(function(evt){ 
    myvar = $(this).val(); 
    if (evt.ctrlKey){ 
     if(jQuery.inArray(myvar, selected) >-1){ 
      selected = jQuery.grep(selected , function(value) { 
       return value != myvar; 
      }); 
     } 
     else{ 
      selected.push(myvar); 
      } 
    } 
    else{ 
     selected = []; 
     selected.push(myvar);  
     } 
    }); 
}) 
$("#printMe").click(function(){ 
    alert("First selected is:" + selected[0]); 
    return false; 
    }); 
$("#printAll").click(function(){ 
alert("Options selected are :" + selected); 
return false; 
});

html:

<form name="myForm"> 
<select name="myOption" id="Mymutiple" multiple> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
</select> 
<BR><BR> 
<input type="submit" value="Print First" id="printMe"> 

<input type="submit" value="Print All" id="printAll">

Fuente

2012-02-11 11:00:42 mgraph

Esto te ayudará. Está en js puro. no jquery, mootools ...

<!DOCTYPE html> 
<html> 
<body> 
<script> 
function get(){ 
var str="",i; 

for (i=0;i<asa.cars.options.length;i++) { 
    if (asa.cars.options[i].selected) { 
     str += asa.cars.options[i].value + ","; 
    } 
} 
if (str.charAt(str.length - 1) == ',') { 
    str = str.substr(0, str.length - 1); 
} 
alert("Options selected are " + str); 
} 
</script> 
<form name="asa"> 
<select name="cars" id="combo" multiple> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
<input type="button" onclick="get()"> 
</form> 

<p>Hold down the Ctrl (windows)/Command (Mac) button to select multiple options.</p> 

</body> 
</html>

Fuente

2013-09-24 06:32:37

valor seleccionado de la lista desplegable múltiple

Respuesta

Cuestiones relacionadas