Insert value form dropdown in textarea

Insert value form dropdown in textarea

by Shree Khanal

HTML

<div>
  <select name="selectProgram[]" class="js-example-basic">
    <option value="">Choose tour</option>
    <option value="Tour1">Tour 1</option>
    <option value="Tour2">Tour 2</option>
    <option value="Tour3">Tour 3</option>
  </select>
  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea>
</div>
<div>
  <select name="selectProgram[]" class="js-example-basic">
    <option value="">Choose tour</option>
    <option value="Tour1">Tour 1</option>
    <option value="Tour2">Tour 2</option>
    <option value="Tour3">Tour 3</option>
  </select>
  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea>
</div>

JavaScript

//Insert value form dropdown in textarea
$(document).ready(function(){
    $(".js-example-basic").change(function () {
       $(this).next(".textArea").val(this.value);
     }).change();
});