Question

我是网络开发的新手。我正在尝试显示div onclick功能，所以我需要一些帮助。

这是我的代码

<div id="editdiv<?php echo $consultnt->id?>" style="display:none">
                        <p>  edit</p>
                          </div>
                          <?php if(trim($consultnt->status) !="completed"){ ?>
                           <div class="pull-right" id="div_chng_hr">
                                         <input type="submit" name="edit_hour" onClick="showEdit(<?php echo "editdiv".$consultnt->id ?>)" on value="Edit Hour">
                                         </div>
                                         <?php  } ?>

这里的脚本代码是

function showEdit(id){
        $('#editdiv').show();
        }

我检查编辑小时按钮然后我有值onclick

<input type="submit" name="edit_hour" onclick="showEdit(editdiv26)"  value="Edit Hour">

和div id是

<div id="editdiv26" style="display:none">

告诉我我做错了什么。提前致谢

Answer 1

function showEdit(id){
   $('#editdiv' + id).show();
}

你的div有不同的id“editdiv”，因为它是由顾问id扩展的。所以你必须在你的函数中使用顾问id。

Answer 2

正确录制ID。由于您使用静态editdiv而动态ID使用$('#editdiv' + id)

＆＃13;

function showEdit(id) {
  $('#editdiv' + id).show();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editdiv1" style="display:none">1 </div>
<div class="pull-right" id="div_chng_hr">
  <input type="button" name="edit_hour" onClick="showEdit(1)" on value="Edit Hour">
</div>

＆＃13;

Answer 3

首先要确保链接jQuery库

<script src="https://code.jquery.com/jquery-3.2.1.min.js" 
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

第二件事是代码

<div id="editdiv<?php echo $consultnt->id?>" style="display:none">
    <p>  edit</p>
</div>
<?php if(trim($consultnt->status)!='completed'){ ?>
    <div class="pull-right" id="div_chng_hr">
        <input type="submit" name="edit_hour" onClick="showEdit(<?php echo $consultnt->id?>)" on value="Edit Hour">
    </div>
 <?php  } ?>
<script>
    function showEdit(id){
        $('#editdiv'+id).show();
    }
</script>

Answer 4

使用此html：删除＆＃39; editdiv＆＃39;来自onClick事件的文字

<div id="editdiv<?php echo $consultnt->id?>" style="display:none">
  <p>  edit</p>
</div>
<?php if(trim($consultnt->status) !="completed"){ ?>
  <div class="pull-right" id="div_chng_hr">
      <input type="submit" name="edit_hour" onClick="showEdit(<?php echo $consultnt->id ?>)" on value="Edit Hour">
  </div>
<?php  } ?>

脚本部分：

<script>
  function showEdit(id){
      $('#editdiv'+id).show();
  }

</script>

Answer 5

因为你给函数一个参数

onClick="showEdit(<?php echo " 'editdiv".$consultnt->id." ' "?>)"

它应该介于''之间所以onClick函数应该是

在你的函数中使用“＃”+ id而不是#editdiv

Answer 6

请看这里的工作示例

    `https://jsfiddle.net/yhpduthm/10/`

我更喜欢功能，你只需要添加 ID ，这将在函数中使用。

使用jQuery显示div onclick函数

6 个答案: