How get all selected option value ids in single onclick?

Question

In an php, we can use select option in that a user can select more than one option value, after that i click the move button, a on-click function is wrote in button, now how can i get all selected option value in single onclick.

 <button type="button" id="search_rightSelected" onclick="inventory_left_to_right(document.getElementById('search'),false)" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>

Duplicate of http://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript — Sharath Bangera, Mar 22 '16 at 06:30

MD. ABDUL Halim · Accepted Answer · 2016-03-22T07:11:07.813

2

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>

 <select id="search" multiple>
   <option value="1">Volvo</option>
   <option value="2">Saab</option>
   <option value="3">Opel</option>
   <option value="4">Audi</option>
</select> 

<button type="button" id="search_rightSelected" onclick="inventory_left_to_right()" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i> HHH </button>

<script>

function inventory_left_to_right() {
    //var allVal = '';
    var allValArr = [];
    $("#search :selected").each(function() {
       // you can use to get the values $(this).val();
       //allVal += $(this).val()+',';
       allValArr.push($(this).val());
    });
    //allVal = allVal.substring(0, allVal.length - 1);
    console.log(allValArr);
}
</script>

edited Mar 22 '16 at 07:11

answered Mar 22 '16 at 06:36

MD. ABDUL Halim

712
3
11
32

you shouldn't ask other user to send you full code. – Raptor Mar 22 '16 at 06:40
in an button i'm using like this onclick="inventory_left_to_right(this.value)" – KarnaGowtham Mar 22 '16 at 06:46
function inventory_left_to_right (a) { $("#search option").each(function() { alert(a); }); } – KarnaGowtham Mar 22 '16 at 06:46
nw wt can i do @ABDUL – KarnaGowtham Mar 22 '16 at 06:47
@karnaGowtham, Actually how to get you selected value string or array? I have given as string value. – MD. ABDUL Halim Mar 22 '16 at 06:54
@ABDUL i want like an array, i'm using in ajax process after onclick – KarnaGowtham Mar 22 '16 at 06:58
I gave as an array. check it please @KarnaGowtham – MD. ABDUL Halim Mar 22 '16 at 07:04
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/106979/discussion-between-karnagowtham-and-md-abdul-halim). – KarnaGowtham Mar 22 '16 at 07:04

kishan Radadiya · Answer 2 · 2016-03-22T08:56:46.700

0

You can try this: DEMO

$('#search_rightSelected').click(function() {
     var foo = []; 
     $('#multiple :selected').each(function(i, selected){ 
     foo[i] = $(selected).text(); 
   });
});

OR

the val function called from the select will return an array if its a multiple. $('select#search_rightSelected').val() will return an array of the values for the selected options - you dont need to loop through and get them yourself.

edited Mar 22 '16 at 08:56

answered Mar 22 '16 at 07:08

kishan Radadiya

788
6
14

sorry krishan in that demo we can choose only one value – KarnaGowtham Mar 22 '16 at 07:20

How get all selected option value ids in single onclick?

2 Answers2