如何将数据从模态设置为动态输入

Question

i will explain you my probleme, i have multiple generated row dynamically that contains button, then when i click on this button (first button in first row or second button in second row ) the same modal is opened to choose some options, after i choose options and i submit, the value has to be inserted just in input at the same row.

so for now when i click on submit button the value are inserted in all input, is that i write in my code and i tried a lot without success. i need help to solve this probleme

the modal code

<div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">Sol</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">

                            <div class="col-sm-4">
                              <select name="from" id="multiselect" class="form-control" size="8" multiple="multiple">
      <option value="1">C++</option>
      <option value="2">C#</option>
      <option value="3">Haskell</option>
      <option value="4">Java</option>
      <option value="5">JavaScript</option>
      <option value="6">Lisp</option>
      <option value="7">Lua</option>
      <option value="8">MATLAB</option>
      <option value="9">NewLISP</option>
      <option value="10">PHP</option>
      <option value="11">Perl</option>
      <option value="12">SQL</option>
      <option value="13">Unix shell</option>
    </select>
  </div>

                        </div>
                        <div class="form-group">
                          <button type="button" id="btnsaveanalyse" class="btn btn-warning" data-dismiss="modal">
                            <span class='glyphicon glyphicon-remove'></span> save
                        </button>

                        </div>
                    </form>

                </div>
            </div>
          </div>
          </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button  class="btn btn-success" id="ajaxSubmit">Save changes</button>
     </div>

code for generated row that contains input and button

 for(y=1;y<=nbrrowsol;y++ ){


        tbodyclasssol.append('<tr><td><input type="text" name="codesol'+y+'" id="codesol'+y+'"/></td> <td><input type="text" name="naturesol'+y+'" id="naturesol'+y+'" value="SOL"/></td><td><input type="text" name="reference_clisol'+y+'" id="reference_clisol'+y+'" /></td><td><select name="profondeursol'+y+'" id="profondeursol'+y+'"><option value="1">0->30</option><option value="2">30->60</option><option value="3">60->90</option><option value="4">90->100</option></select></td><td><input type="text" name="culturesol'+y+'" id="culturesol'+y+'" /></td><td><input type="text" name="varietesol'+y+'" id="varietesol'+y+'"/></td><td><input type="text" name="gpssol'+y+'" id="gpssol'+y+'"/></td><td><input type="text"  name="analysedemandesol'+y+'" id="analysedemandesol'+y+'"><button type="button" class="btn btn-success" id="btnanalyse'+y+'" data-toggle="modal" data-target="#myModal" name="btnanalyse" >Choisir</button></td></tr>');   
            console.log(y);
            }

this is javascript code that set the value in first row and second row

$('#btnanalyse1').click(function(){

         console.log('action listner of btnanalyse is running succesfully'+nbrrowsol+'/'); 

           // var requirelement=element[0];
        //console.log(element);
         });


      $('#btnsaveanalyse').click(function(){
         var contentselect=$("#multiselect").val();
         console.log(contentselect);

         $('#analysedemandesol1').val(contentselect);
         console.log('#analysedemandesol1');
         console.log('#analysedemandesol1');

     });



$('#btnanalyse2').click(function(){

         console.log('action listner of btnanalyse is running succesfully'+nbrrowsol+'/'); 

           // var requirelement=element[0];
        //console.log(element);
         });


     $('#btnsaveanalyse').click(function(){
         var contentselect=$("#multiselect").val();
         console.log(contentselect);

         $('#analysedemandesol2').val(contentselect);
         console.log('#analysedemandesol2');
         console.log('#analysedemandesol2');

     });
```[![enter image description here][1]][1]