JSFiddle - React, Tailwind, and code Playground

HTML

<select name="campanhaszform-control" id="campanhaslist" multiple=multiple>
                            
                                                               <option value="1">testesdfdsfd</option>
                                                            <option value="2">teste</option>
                                                            <option value="3">teste3</option>
                                                            <option value="4">teste3</option>
                                                            <option value="5">teste3</option>
                                                            <option value="6">tweersdgf</option>
                                                            <option value="7">Campnaha 010</option>
                                                        </select>
<div id="div1" match="value1">Div 1</div>
<div id="div2" match="value2">Div 2</div>
<div id="div3" match="value3">Div 3</div>
<div id="div4" match="value4">Div 4</div>

CSS

div{
    display:none;
}

JavaScript

$(document).ready(function() {
    function exists(elemt,arr){
        return (jQuery.inArray(elemt,arr) > -1);
    }
        
	$('#campanhaslist').change(function(){
        var $selected = $(this).val();
        $('div').each(function(){
        console.log(this);
                $(this).fadeIn('fast')[ 
                    (exists($(this).attr('match'),$selected)) ? 'show' : 'hide' ]();      
        });
	});
});