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

因此，我有一个正在提交的表单，输入按钮的

值是“查看洞察”。当我使用请求提交表单时，我在URL中得到一个讨厌的字符串，如Insight=View+Insight

我希望它在URL中说的是“Insight=Confirmed”。我试着使用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>


$（文档）.ready（函数（）{
$（“#savebtn”）.bind（“单击”，函数（）{
$（this.val（‘已确认’）；
  });
});

HTML

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

首先，
.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
});

您可以将输入[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>


查看见解
谢谢你，扎卡里，我不知道
.bind
被弃用了。这很好用。谢谢你的详细解释。虽然这会起作用，但似乎有点干扰。谢谢你的回答。我看不出这有多烦人。它是语义的、现代的，无论有无隐藏属性都可以使用。假设后端脚本不需要
Insight=Confirmed
，欢迎您给出答案。以下是我力劝你们研究的问题：