点击后隐藏提交按钮

时间:2012-05-30 08:47:15

标签: javascript ajax

我有一个包含多行的表,通过单击每行上的提交按钮,每个表上的信息将发送到ajax,并将插入到数据库中。单击后,我需要隐藏表中的按钮。我怎样才能完成这项任务? 这是我的代码:

<script type="text/javascript">
    $(document).ready(function(){
        $("#myform<?php echo $y; ?>").validate({
            debug: false,

            submitHandler: function(form) {

                $.post('process.php', $("#myform<?php echo $y; ?>").serialize(), function(data) {
                    $('#results<?php echo $y; ?>').html(data);
                });
            }
        });
    });

我的表格:

<form name="myform" id="myform<?php echo $y; ?>" action="" method="POST">  
 <input type="text" name="name" id="name<?php echo $y; ?>" size="30" value=""/>  
<input type="image" name="submit" id="accept<?php echo $y; ?>  " value="Submit" src="graphics/accept.png"> 
</form>

<div id="results<?php echo $y; ?>"><div>

3 个答案:

答案 0 :(得分:1)

在按钮上使用.hide(),例如$("#mybutton").hide();

答案 1 :(得分:1)

如果您只想隐藏按钮,则可以使用。

$.post('process.php', $("#myform<?php echo $y; ?>").serialize(), function(data) {
      $('#results<?php echo $y; ?>').html(data);
      $('#accept<?php echo $y; ?>').hide();
});

答案 2 :(得分:0)

使用.hide()。在您的情况下$("#mybutton").hide()