Question

我将向您解释我的问题，我动态生成了多个包含按钮的行，然后当我单击此按钮（第一行中的第一个按钮或第二行中的第二个按钮）时，打开相同的模式以选择一些选项，选择选项并提交后，必须将值插入到同一行的输入中。

所以现在，当我单击“提交”按钮时，该值会插入所有输入中，这是因为我在代码中编写了代码，但尝试了很多但没有成功。我需要帮助来解决这个问题

模式代码

<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

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

0 个答案: