JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Container">
    <form action="#">
        <select name="SelectOptions" id="SelectOptions" required="">
            <option value="">Seleccione LavanderĂ­a</option>
            <option value="Div1">Lavanderia autoservicio La Zonilla</option>
            <option value="Div2">Lavanderia autoservicio calle Lleida</option>
        </select>
    </form>
<br>
    <div class="DivPai">
        <div class="Div1">
           <p>
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3563.2506882277985!2d2.090313283798697!3d41.32355158626014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a49ec220036b43%3A0x398cf496ef0209f7!2sLacolada+la+Zonilla!5e0!3m2!1ses!2ses!4v1522981664052" width="600" height="320" frameborder="0" style="border:0" allowfullscreen></iframe>
           </p>
        </div>

        <div class="Div2">
           <p>
               <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2996.287453586364!2d2.0987039154238167!3d41.32436227926999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a49ede7f918bb5%3A0xf22c312a653ac946!2sLacolada!5e0!3m2!1ses!2ses!4v1522981986127" width="600" height="320" frameborder="0" style="border:0" allowfullscreen></iframe>
           </p>
        </div>

    </div>
</div>

CSS

.Div1,.Div2,.Div3{
      display:none;}
    .Container {
      text-align:center;
      
    }

JavaScript

$(document).ready(function() {
    $('#SelectOptions').on('change',function(){
        var SelectValue='.'+$(this).val();
        $('.DivPai div').hide();
        $(SelectValue).toggle();
    });
});