JSFiddle - React, Tailwind, and code Playground

by alaa13212

HTML

<br />
شاهد console المتصفح
<br />
<select>
    <option value="a">أ</option>
    <option value="b">ب</option>
    <option value="c">ج</option>
    <option value="d">د</option>
</select>
<select>
    <option value="e">ه</option>
    <option value="f">و</option>
    <option value="g">ز</option>
    <option value="h">ح</option>
</select>

CSS

* {direction: rtl}

JavaScript

(function(){
    document.body.addEventListener('change', function(e){
        var node = e.target
          , result = [];
        if (node.nodeName.toLowerCase() == 'select'){
            for(var i = 0, l = node.length; i < l; i++){
                result.push(node[i].innerText);
            }
            
            console.log(result); // see console
        }
        
    }, false);
})();