Question

我想在用户点击添加行按钮时动态添加行。我的行也包含一些datalist单元格。但它不起作用。没有显示在列表中。请检查并查看结果图片并帮我查找错误。

＆＃13;

$('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
});

＆＃13;

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

＆＃13;

enter image description here

Answer 1

试试这个@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
        });

Answer 2

不知道你的代码有什么问题，也许你没有jQuery？看看我创建的代码片段，它可以正常工作。

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

在表格中附加行时，datalist不起作用 - 在mozila中

2 个答案: