Two dropdown value match

by Kumaresan S

HTML

<select id="ddlFruits">
    <option value="0">Apple</option> 
    <option value="1">Banana</option>
    <option value="2">Mango</option>
    <option value="3">Orange</option>
</select>

<select id="ddlFruitsTwo">
    <option value="0">Apple</option> 
    <option value="1">Banana</option>
    <option value="2">Mango </option>
    <option value="3">Orange</option>
</select>

JavaScript

$(function () {
        $("#ddlFruits").change(function () {
            //one
            var selectedText = $(this).find("option:selected").val();

            var optionValues = [];
            
            $('#ddlFruitsTwo option').each(function() {
                optionValues.push($(this).val());
            });
            optionValues.toString();
           $('#result').html(optionValues);

            if(jQuery.inArray(selectedText, optionValues)!='-1'){
             
              
              var others =  $("#ddlFruitsTwo option[value="+selectedText+"]");

              
              $("#ddlFruitsTwo option[value="+selectedText+"]").css( "display", "none" );
              $("#ddlFruitsTwo :not(option[value="+selectedText+"])").css( "display", "block" );

            }
        });   
    });