JSFiddle - React, Tailwind, and code Playground

by Hüseyin BABAL

HTML

<select id="drop1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>


<select id="drop2">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

<input type="button" id="send" value="Submit"/>

JavaScript

$("#send").on("click", function() {
    var first = $("#drop1 :selected").val();
    var second = $("#drop2 :selected").val();
    var options = [];
    var lastID = $("#drop1 > option").length - 1;
    $("#drop1 > option").each(function(i) {
        if (first < second) {
            if (this.value >= first && this.value <= second) {
                console.log(this.value);
                options.push(this.value);
            }            
        } else if (second < first) {
            if (this.value <= first && this.value >= second) {
                options.push(this.value);
            }    
        } else {
            
        }
        
        if (i == lastID) {
            if (options.length > 0) {
                alert(options.join(","));
            } else {
                alert("First and second option must be different");
            }
        }
        
    });
    
});