Not getting multiple values while i am selecting values from drop down in jquery this.value

Question

Here is my code i am struggling with the multiple values select with jquery if i will select two values i should get two values in the function test

<html>
<select name="hello[]" id="hello" multiple="multiple" onchange="test(this.value);">
<option value="">Select Value</option>
<option value="1">PHP</option>
<option value="2">JAVA</option>
<option value="3">.NET</option>
<option value="4">ORACLE</option>
<option value="5">DBA</option>
</select>
</html>
<script>
function test(xx)
{

alert(xx);
}

please help me

http://stackoverflow.com/questions/5866169/getting-all-selected-values-of-a-multiple-select-box-when-clicking-on-a-button-u — Kartikeya Khosla, Dec 05 '14 at 11:42

score 1 · Accepted Answer · answered Dec 05 '14 at 12:06

1

Try the below code similar to your approach

<script>
var hello = new Array(); 
function test(xx)
{
  hello.push(xx);
  alert(hello);
}
</script>

answered Dec 05 '14 at 12:06

manuyd

201
1
8

Every time it is pushing only one value i.e same value – Vamshi .goli Dec 05 '14 at 12:45
yes when you need value just explode it and do array_unique so that you can get unique items – manuyd Dec 05 '14 at 12:47

score 0 · Answer 2 · answered Dec 05 '14 at 11:45

Try removing this:

onchange="test(this.value);"

and jQuery:

var test = function(x) {
   alert(x);
}

$(document).on('change', '#hello', function() {
       var val = $(this).val();
       test(val);
});

or more compact:

$(document).on('change', '#hello', function() {
       var val = $(this).val();
       alert(val);
});

Check the DEMO

Not getting multiple values while i am selecting values from drop down in jquery this.value

2 Answers2