Javascript to select multiple select list

Question

I have following select list from which user can select multiple option

<select size="6" onblur="validatevalumethod()" multiple="" id="valumethod[]" name="valumethod[]"> 
        <option value="0">Select Asset</option>

        <option value="OC">ORIGINAL COST</option>
        <option value="OCUIP">ORIGINAL COST USING INDEXED PRICES</option>
        <option value="RC">REPLACEMENT COST</option>
        <option value="OCCR">ORIGINAL COST CONSIDERING REVALUATION</option>
        <option value="OCUIPCR">ORIGINAL COST USING INDEXED PRICES & CONSIDERING REVALUATION</option>
        <option value="RCCR">REPLACEMENT COST CONSIDERING REVALUATION</option>
        </select>

I need to fetch the value selected by user in javascript but dont know how to do this please help me.

Do you know what are the arrows, numbers, checkmarks beside each answer/question for? ... and why you have Accept_rate = 0; ? Can you show us your first try to solve your issue? — Roko C. Buljan
– Roko C. Buljan, Commented Mar 15, 2012 at 8:17

Bogdan Emil Mariesan · Accepted Answer · 2012-03-15 08:17:15Z

1

With jQuery you could do $("#list option:selected").text(); to get the text of the selected option $("#list option:selected").val(); to get the value behind the selected option

EDIT:

where #list is the id of your select tag

answered Mar 15, 2012 at 8:17

Bogdan Emil Mariesan

5,6672 gold badges35 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alytrem · Accepted Answer · 2012-03-15 08:18:59Z

1

I think that the following solution is better to fetch VALUES :

$("#list option:selected").val();

answered Mar 15, 2012 at 8:18

Alytrem

2,6101 gold badge14 silver badges13 bronze badges

Comments

Ben · Accepted Answer · 2012-03-15 08:20:54Z

1

Here's a very simple code that tells you how many you selected on every change:

For the Html Code:

<html>
<body>

<select multiple="true">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

</body>
</html>

Use this jQuery Code:

$("select").change(function() {
    alert($("option:selected").length);
});

Here's a live example: http://jsfiddle.net/hesher/3M36e/

answered Mar 15, 2012 at 8:20

Ben

10.3k21 gold badges104 silver badges159 bronze badges

Comments

Ahmed Hashem · Accepted Answer · 2012-03-15 08:25:20Z

1

You can use pure javascript as in : document.getElementById('valumethod[]').value

answered Mar 15, 2012 at 8:25

Ahmed Hashem

3601 silver badge10 bronze badges

Collectives™ on Stack Overflow

Javascript to select multiple select list

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related