Загрузить изображение при изменении параметра выбора

У меня есть 2 выпадающих списка

pickup location and drop location

Когда я нажимаю на место получения, изображение должно загружаться и отображаться. Когда я выбираю место сброса, изображение должно отображаться сбоку от изображения места получения. Это изображение должно отображаться рядом.

index.php

<div class = "col-md-2" style = "color: #000; font-family:Titillium Web">
     <span style = "color: #fff"> Pickup Location * </span>
         <?php
             $con = mysqli_connect('localhost','root','');
             mysqli_select_db($con,'demo');

             $sql = "SELECT pickup_loc FROM location";
             $result=mysqli_query($con,$sql);

              echo "<select class='selectpicker1' id='colorselector' name='pickup_loc' >";
              while ($row=mysqli_fetch_array($result)) {
                  # code...
                  echo "<option value='".$row['pickup_loc']."'>" .$row['pickup_loc'] ."</option>";
              }

              echo "</select>";
         ?>                      
     </div>
    <div class = "col-md-2 text-center">
        <br><input type = "text" id = "pwr1" class = "required p-control" name = "pickup_ward"/>  
    </div>

    <div class = "col-md-2" style = "color: #000; font-family:Titillium Web "> 
        <span style = "color: #fff">  Drop Location *</span>
            <?php
                $con = mysqli_connect('localhost','root','');
                mysqli_select_db($con,'demo');

                $sql = "SELECT drop_loc FROM location";
                $result=mysqli_query($con,$sql);

                echo "<select class='selectpicker2' id='dropselector' name='drop_loc' >";
                while ($row=mysqli_fetch_array($result)) {
                    # code...
                    echo "<option value='".$row['drop_loc']."'>" .$row['drop_loc'] ."</option>";
                }

                echo "</select>";
            ?>                         
    </div>
    <div class = "container show-image output">
  <div id = "Floor1" class = "colors Floor1">  
      <img src = "images/flor1.jpg" style = "width: 100%" class = "img-responsive" /> 
  </div>

   <div id = "Floor2" class = "colors Floor2"> 
       <img src = "images/flor2.jpg"  style = "width: 100%" class = "img-responsive" /> 
   </div>
</div>

index.js

    $(function() {
  $('#colorselector').change(function(){
    $('.colors').hide();
    $('#' + $(this).val()).show();
  });


  $('#dropselector').change(function(){
    $('.colors').hide();
    $('#' + $(this).val()).show();
  });
});