JSFiddle - React, Tailwind, and code Playground

DROPDOWN CONCEPT

by refhat

HTML

<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>
</form>
<BR><BR>
<input type=submit value="Print First" onClick="printMe()">
<input type=submit value="Print All" onClick="printAll()">

JavaScript

function printMe() {
    alert("Selected option is " + myForm.myOption.value);
}

function printAll() {

    var obj = myForm.myOption,
        options = obj.options, 
        selected = [], i, str;
    
    for (i = 0; i < options.length; i++) {
        options[i].selected && selected.push(obj[i].value);
    }
    
    str = selected.join();
    
    // what should I write here??
    alert("Options selected are " + str);
}