как установить данные из модального на динамический вход - PullRequest
Новая
       15

как установить данные из модального на динамический вход

0 голосов
/ 05 июня 2019

Я объясню вам мою проблему, у меня есть несколько сгенерированных строк, которые динамически содержат кнопку, затем, когда я нажимаю на эту кнопку (первая кнопка в первой строке или вторая кнопка во второй строке), открывается тот же модал, чтобы выбрать некоторые параметры,после того, как я выбрал параметры и отправил, значение должно быть вставлено только во входные данные в той же строке.

, так что сейчас, когда я нажимаю кнопку «Отправить», значение вставляется во все входные данные.мой код, и я много пытался без успеха.мне нужна помощь, чтобы решить эту проблему

модальный код 

<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>

код для сгенерированной строки, которая содержит ввод и кнопку 

 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);
            }

это код JavaScript, который устанавливаетзначение в первом ряду и во втором ряду 

$('#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]


  [1]: https://i.stack.imgur.com/RmeWo.png
...