php - 隐藏页面加载上的提交按钮

Question

在 php 页面中我放置了一个提交按钮，

HTML:

<input type="submit" name="btnAdd" id="btnAdd" Value="Add"> 

当链接被点击时，我需要隐藏这个按钮(使用 jQuery)，

链接:

echo  '<a href=" '.$_SERVER['PHP_SELF'].'" onClick="MyFunction()"> Edit </a>';

Javascript:

<script type="text/javascript">
    $(document).ready(function() {
        function MyFunction(){      
             $('btnAdd').hide();
         });
</script>

但是这段代码并没有按预期隐藏按钮。我该如何解决这个问题？

Answer 1

您的选择器有误。您需要对 id selector 使用 #btnAdd :

<script type="text/javascript">
    function MyFunction() {      
        $('#btnAdd').hide();
    }
</script>

此外，您还应该将 MyFunction 函数放在 document.ready 回调的外部，以避免使其成为私有(private)范围。

另一种可能性是不引人注目地执行此操作:

echo  '<a href=" '.$_SERVER['PHP_SELF'].'" id="edit"> Edit </a>';

这似乎更容易写成:

<a href="#" id="edit">Edit</a>

然后订阅.click()编辑链接的事件:

<script type="text/javascript">
    $(function() {
        $('#edit').click(function() {
            $('#btnAdd').hide();
        });
    });
</script>