<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
  <h1>Hangi Select box'tan seçim yaparsam onun altındaki "secilen" class'ının içine eklenecek</h1>
<div class="kapsayici">
  <div class="options">
    <div class="list-cont">
      <select class="meyveler" name="meyve">
        <option class="veri" value="Elma">Elma</option>
        <option class="veri" value="Armut">Armut</option>
        <option class="veri" value="Portakal">Portakal</option>
        <option class="veri" value="Mandalina">Mandalina</option>
        <option class="veri" value="Karpuz">Karpuz</option>
        <option class="veri" value="Muz">Muz</option>
      </select>
    </div>
  </div>
  <div class="secilen"><p>Buraya eklenecek</p></div>
</div>

<div class="kapsayici">
  <div class="options">
    <div class="list-cont">
      <select class="meyveler" name="meyve">
        <option class="veri" value="Elma">Elma</option>
        <option class="veri" value="Armut">Armut</option>
        <option class="veri" value="Portakal">Portakal</option>
        <option class="veri" value="Mandalina">Mandalina</option>
        <option class="veri" value="Karpuz">Karpuz</option>
        <option class="veri" value="Muz">Muz</option>
      </select>
    </div>
  </div>
  <div class="secilen"><p>Buraya eklenecek</p></div>
</div>

<div class="kapsayici">
  <div class="options">
    <div class="list-cont">
      <select class="meyveler" name="meyve">
        <option class="veri" value="Elma">Elma</option>
        <option class="veri" value="Armut">Armut</option>
        <option class="veri" value="Portakal">Portakal</option>
        <option class="veri" value="Mandalina">Mandalina</option>
        <option class="veri" value="Karpuz">Karpuz</option>
        <option class="veri" value="Muz">Muz</option>
      </select>
    </div>
  </div>
  <div class="secilen"><p>Buraya eklenecek</p></div>
</div>

<div class="kapsayici">
  <div class="options">
    <div class="list-cont">
      <select class="meyveler" name="meyve">
        <option class="veri" value="Elma">Elma</option>
        <option class="veri" value="Armut">Armut</option>
        <option class="veri" value="Portakal">Portakal</option>
        <option class="veri" value="Mandalina">Mandalina</option>
        <option class="veri" value="Karpuz">Karpuz</option>
        <option class="veri" value="Muz">Muz</option>
      </select>
    </div>
  </div>
  <div class="secilen"><p>Buraya eklenecek</p></div>
</div>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</body>
</html>
.kapsayici {
  border:1px solid #222;
  padding:10px;
  float:left;
  width:250px;
  min-height:200px;
  margin-top: 10px;
  margin-right: 15px;
  background:#ddd;
}

.secilen {
  border:1px solid #222;
  padding:10px;
  float:left;
  width:230px;
  min-height:140px;
  margin-top: 10px;
  margin-right: 15px;
  color:red;
  background:#fff;
}
p {
  margin:0;
  color:blue;
}
jQuery(document).ready(function($){
   $('.list-cont select').on('change',function(){
       var sec = $(this).val(); $(this).parent().parent().parent().find('.secilen').append(sec+'<br>');

 

     });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js