Jquery - 更改“输入”按钮的值而不显示值

时间:2014-05-12 18:53:01

标签: javascript php jquery html

所以我有一个我提交的表单,输入按钮的value是" View Insight。"当我使用Request提交表单时,我在URL中得到一个讨厌的字符串,如Insight = View + Insight。

我想在网址中说出的是" Insight =已确认"。我尝试使用jquery来更改按钮的值并且它工作但是你看到它改变了用户界面中的值。如何在不向用户显示的情况下更改我想要的值?

这是我到目前为止所做的:

JQUERY

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function(){
      $("#savebtn").bind("click",function(){
        $(this).val('confirmed');
      });
    });
</script>

HTML

<form action="confirm4.php" method="request">
    <input type="submit" name="insights" id="savebtn" value="View Insights" />
</form>

2 个答案:

答案 0 :(得分:1)

首先,.bind已弃用,您应该使用.on代替。

其次,您正在寻找的是

$("#savebtn").on("click",function(e){
    e.preventDefault(); //stop current submission

    var $this = $(this);
    $this.val('confirmed'); //change the value
    $this.off("click"); //unbind the handler
    $this.click(); //click the button again
});

答案 1 :(得分:1)

您可以将输入[type = submit]更改为按钮[type = submit],如下所示:

<form action="confirm4.php" method="request">
  <input type="hidden" name="Insight" value="Confirmed">
  <button type="submit" id="savebtn">View Insights</button>
</form>