Question

我有一个按钮如下：

<a href="#" onclick="AddRow();return false;" class="btnA">ADD</a>

单击按钮后，它会向＃dataList1添加一行。然后我希望它被隐藏起来。我在Javascript中做了以下操作;

<script type="text/javascript">

function AddRow(){
var tr = '<tr>';
tr += '<td></td>';
tr += '<td><span class="br"><input type="text" id="grpNm" name="grpNm" value="" style="width:96%"/></span></td>';
tr += '<td><span class="br"><input type="text" id="grpExp" name="grpExp" value="" style="width:96%"/></span></td>';
tr += '</tr>';
    $('#dataList1').append(tr);
};

$('#AddRow').on('click', function(){
$('#AddRow').hide();
}); 
</script>

它添加了行，但在它之后，它不会隐藏按钮。我哪里做错了？

Answer 1

将ID添加到输入

<强> HTML

    <a href="#" onclick="AddRow();return false;" class="btnA" id="AddRow">ADD</a>
    <div id="dataList1"></div>

在添加AddRow功能后隐藏按钮。

<强> JS

function AddRow(){
var tr = '<tr>';
tr += '<td></td>';
tr += '<td><span class="br"><input type="text" id="grpNm" name="grpNm" value="" style="width:96%"/></span></td>';
tr += '<td><span class="br"><input type="text" id="grpExp" name="grpExp" value="" style="width:96%"/></span></td>';
tr += '</tr>';
    $('#dataList1').append(tr);

    $("#AddRow").hide();
}

fiddle

Answer 2

因为无法使用ID AddRow进行控制。您必须提供id或使用类扇区$('.btnA').hide();

<script>
function AddRow(){
var tr = '<tr>';
tr += '<td></td>';
tr += '<td><span class="br"><input type="text" id="grpNm" name="grpNm" value="" style="width:96%"/></span></td>';
tr += '<td><span class="br"><input type="text" id="grpExp" name="grpExp" value="" style="width:96%"/></span></td>';
tr += '</tr>';
$('#dataList1').append(tr);
$('.btnA').hide();
</script>

Answer 3

您可以隐藏AddRow()功能本身中的按钮：

function AddRow(){
  var tr = '<tr>';
  tr += '<td></td>';
  tr += '<td><span class="br"><input type="text" id="grpNm" name="grpNm" value=""  style="width:96%"/></span></td>';
  tr += '<td><span class="br"><input type="text" id="grpExp" name="grpExp" value=""   style="width:96%"/></span></td>';
  tr += '</tr>';
  $('#dataList1').append(tr);
  $('.btnA').hide();
};

<强> DEMO

Answer 4

三步问题：

1）在AddRow（）函数中添加此代码：

$('#AddRow').hide();

2）删除此事件：

$（'＃AddRow'）。on（'click'，function（）{

3）在

中添加id AddRow

<a href="#" onclick="AddRow();return false;" class="btnA">ADD</a>

如何使用Javascript隐藏按钮

4 个答案: