How to insert value from select in textarea where there is multiple dropdown and select with same classnames

Question

I have multiple div with same classnames where I want to insert value from select in the textarea belonging to the div where the select I click on is at. I would like it to be functional with more than 10 div that's why I have just made different classes or ID's for each div

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

Fiddle with code above

user_965146 · Answer

This is happen because textarea class is same.

Your are almost there. Use this with next to get desire result on textarea.

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

How to insert value from select in textarea where there is multiple dropdown and select with same classnames

1 Answers