JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<select id="color">
        <option value="1">Op1</option>
        <option value="2">Op2</option>
        <option value="3">Op3</option>
    </select>

    <select id="size">
        <option value="1">S</option>
        <option value="2">M</option>
        <option value="3">L</option>
        <option value="4">XL</option>
    </select>

<script>
 function knowAllValues(){
        var color_element = document.getElementById("color");
        var size_element = document.getElementById("size");

        var color_text = color_element.options[color_element.selectedIndex].text;
        var size_text = size_element.options[size_element.selectedIndex].text;

        window.alert(color_text + " - " + size_text);
 }
</script>
<button type="button" onclick="knowAllValues()">Click</button>