Saya mencoba menambahkan baris secara dinamis ketika pengguna mengklik tombol tambahkan baris. Baris saya juga berisi beberapa sel datalist. tapi itu tidak bekerja. tidak ada yang ditampilkan dalam daftar. Silakan periksa dan hasilkan gambar dan bantu saya menemukan bug.

$('html, #addrow').click(function(e) {
  //  alert("i am aa");
  $('#tab_logic tr:last').after('<tr><td><input type="text" list="2" id="inpparameter" ><datalist id="2"><option value="TypeRating">TypeRating</option></td></tr>');
  // add code here
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<table id="tab_logic"> 
<tr><td>Heading</td></tr>
</table>

enter image description here

0
kavi 13 Maret 2017, 13:10

2 jawaban

Jawaban Terbaik

Coba ini @kavi

$('html, #addrow').live("Click",function(e) {
        //  alert("i am aa");
          $('#tab_logic tr:last').after('<tr><td><input type="text" list="2" id="inpparameter" ><datalist id="2"><option value="TypeRating">TypeRating</option></td></tr>');
          // add code here
        });
0
PRABA 13 Maret 2017, 10:20

Tidak tahu apa masalahnya dengan kode Anda, mungkin Anda tidak memiliki jQuery? Lihat cuplikan yang saya buat, itu berfungsi dengan benar.

$('html, #addrow').click(function(e) {
    $('#tab_logic tr:last').after('<tr><td><input type="text" list="2" id="inpparameter" ><datalist id="2"><option value="TypeRating">TypeRating</option></td></tr>');
});
<html>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  
  <button id="addrow">Add row</button>

  <table id="tab_logic">
    <tr>
      <td>asdf</td>
    </tr>
  </table>

</html>
0
Nagy Nick 13 Maret 2017, 10:31