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

你的选择器错了。您需要#btnAdd使用id selector：

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

此外，您应该将MyFunction函数置于<{1}}回调的之外，以避免将其作为私有作用域。

另一种可能性是不引人注意地这样做：

document.ready

似乎更容易被写为：

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

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

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

在页面加载上隐藏提交按钮

1 个答案: