使用Javascript创建按钮

时间:2016-07-21 07:50:39

标签: javascript html button ready

单击“添加”按钮时,我尝试显示“添加内容”按钮。一切都工作正常,除了按钮“添加东西”,我似乎无法添加一个新按钮。这个问题似乎围绕着Javascript。我的jsfiddle:https://jsfiddle.net/o4tbf6y2/6/

<script type="text/javascript">
     $(document).ready(function(){
      var i=1;
     $("#add_row").click(function(){
      $('#a'+i).html("<td>"+ (i+1) +"</td><td><input name='code"+i+"' type='text' placeholder='Code' class='form-control input-md'  /> </td><td><input  name='name"+i+"' type='text' placeholder='Name'  class='form-control input-md'></td><td><p data-placement="'top'" data-toggle="'tooltip'" name='add"+i+"'><button class="'btn btn-primary btn-xs'" data-title="'Add'" data-toggle="'modal'" data-target="'#myModal'" >Add Something<span class="'glyphicon glyphicon-pencil'"></span></button></p></td> ");

      $('#tab_logic').append('<tr id="a'+(i+1)+'" class="text-center"></tr>');
      i++; 
  }); });
  </script>

2 个答案:

答案 0 :(得分:0)

你错过了一个“});”你有没有导入jquery,你应该使用tbody追加

<tr id="a'+(i+1)+'" class="text-center"></tr>

答案 1 :(得分:-1)

看起来你还没有添加&#34; add_row&#34; id到按钮,以便点击可以挂钩。