Home JAVASCRIPT How to Select Multi Select Picklist Value using Javascript

How to Select Multi Select Picklist Value using Javascript</span>

Example to get the multi select picklist value using javascript

Example :1

<script language=”JavaScript”>
function getSelectedCountryValues() {
var dropDown = document.getElementById(‘countryValue’), countryValue = [], i;
for (i = 0; i < dropDown.options.length ; i += 1) {
if (dropDown.options[i].selected) {
//countryValue.push( dropDown.options[i].value); //If you only need values
countryValue.push({ Name: dropDown.options[i].text, Value: dropDown.options[i].value });
}
}
console.log(countryValue);
alert(‘countryValue’+ countryValue);
return false;
}
</script>

<form><label>Multi Select dropdown </label>
<select id=”countryValue” multiple=”multiple”>
<option value=”0″>Australia</option>
<option value=”0″>India</option>
<option value=”1″>United States</option>
<option value=”2″>United Kingdom</option>
<option value=”3″>China</option>
<option value=”4″>Bangladesh</option>
</select>

<input type=”submit” value=”Submit” /></form>

Example 2:

<select multiple=”multiple” name=”mySel”>
<option value=”val1″>option 1</option>
<option value=”val2″>option 2</option>
<option value=”val3″>option 3</option>
<option value=”val4″>option 4</option>
</select>
<button type=”button”>Show selected values</button>

</script><script type=”text/javascript”>

function showSelectsd(){
var selO = document.getElementsByName(‘mySel’)[0];
var selValues = [];
for(i=0; i < selO.length; i++){
if(selO.options[i].selected){
selValues.push(selO.options[i].value);
}
}
}
</script>

You may also like

Leave a Comment