ansaurus

Question

multiple select

Answer 1

+1 A:

Try this function

    function getSelected()
    {
        var lst = document.myform.mytextarea;
        for (var i = 0; i < lst.options.length; i++)
            if (lst.options[ i ].selected)
                alert(lst.options[ i ].value);
        return false;
    }

Found here

How to get selected items from using Javascript

astander 2009-12-15 06:31:20

Will this even work considering that the `select` box doesn't have a `name` attribute?

Asaph 2009-12-15 06:37:36

I tested it and it worked fine.

astander 2009-12-15 06:40:12

You should simplify the reference to `document.myform.mytextarea.options`. Accessing it multiple times is very inefficient

Justin Johnson 2009-12-15 06:52:42

Changed it to use a *var*.

astander 2009-12-15 06:54:50

Answer 2

A:

http://www.digitalamit.com/blog/blog/23.html

var selected = new Array(); 
for (var i = 0; i < mytextarea.options.length; i++) 
    if (mytextarea.options[ i ].selected) 
        selected.push(mytextarea.options[ i ].value);

Faruz 2009-12-15 06:31:45

Answer 3

A:

Try this

function getSelected()
{
for(var i=0; i <= document.myform.mytextarea.options.length - 1; i++)
{
    if(document.myform.mytextarea.options[i].selected)
    {
     alert(document.myform.mytextarea.options[i].value);
    }
}
return false;
}

Anuraj 2009-12-15 06:32:01

This answer has already been posted

Justin Johnson 2009-12-15 06:53:28

Answer 4

A:

You can try something like:

var select = document.getElementById('mytextarea');
var selected = new Array();
for (var i = 0; i < select.options.length; i++) {
    if (select.options[i].checked) {
        selected.push(select.options[i]);
    }
}

Myles 2009-12-15 06:32:22

Answer 5

A:

Try this:

function getSelected() {
     var selections = new Array();
     var options = document.getElementById('mytextarea').options;
     for (var i=0; i<options.length; i++) {
         if (options[i].selected) {
             selections[selections.length] = options[i].value;
         }
     }
     return selections;
}

Asaph 2009-12-15 06:32:36

You can use push() to push values into an array.

rahul 2009-12-15 06:40:33

Answer 6

+1 A:

You can use something like this

function getSelected()
{
    var dropDownElem = document.getElementById ( "mytextarea" );
    var selectedValues = new Array();
    var dropDownLength = dropDownElem.length;

    for ( var i=0; i < dropDownLength; i++ )
    {
     if ( dropDownElem.options[i].selected )
     {
      selectedValues.push ( dropDownElem.options[i].value );
     }
    }

    alert ( selectedValues.toString() ); // gets the values separated by ','
    alert ( selectedValues.join(';') ); // gets the values separated by ';'
}

Note

Also a good practice to move your javascript from HTML side. Remove you onclick handler from HTML and bind that inside your <script> tag.

rahul 2009-12-15 06:53:38

+1 for your ending note. However, you should simplify `dropDownElem.options`

Justin Johnson 2009-12-15 06:58:36

ansaurus

tags:

views:

answers:

multiple select

related questions