Home/ Questions/Q 7434911
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T09:58:13+00:00

I have this code to get the text of the selected option from a

  • 0

I have this code to get the text of the selected option from a in JavaScript:

form_name.select_name.options[form_name.select_name.selectedIndex].text

For example, with

<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

When user selects 3, the code would return 3.

My question is, when it’s a multiple select such as:

<select multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

How to return the text of the first selected item in JavaScript? For example, when 2 and 3 are selected, it would return 2.

Any help would be appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    see below

    <html>
<body>
<form name="myForm">
<select name="myOption" multiple>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<BR><BR>
<input type=submit value="Print First" onClick="printMe()">

<input type=submit value="Print All" onClick="printAll()">

</body>
<script>
function printMe() {
alert ("Selected option is " + myForm.myOption.value);
}

function printAll() {

var str="",i;

for (i=0;i<myForm.myOption.options.length;i++) {
    if (myForm.myOption.options[i].selected) {
        str = str + i + " ";
    }
}

alert("Options selected are " + str);
}


</script>
</html>

    Hope this is what you want…

    I have also provided print all and print first option…

    Good Luck

    • 0