更改提交javascript时的表单值

我已经环顾四周，并试图遵循这个网站上的其他例子，但我不能让这个工作

我有一个表单a希望在用户搜索时更改的搜索值，例如，当用户单击“搜索”时，将值更改为“狗”

<form id="searchform" class="searchform" action=“” method="get" role="search">
<div>
    <label class="screen-reader-text" for="s"></label>
    <input id="s" type="text" name="s" value=""></input>
    <input id="searchsubmit" type="submit" value="Search"></input>
</div>

---

有人能告诉我如何使用javascript吗？

您可以使用onsubmit函数：

document.getElementById('searchform').onsubmit = function() {
    var txt = document.getElementById('s');
    txt.value = "dog";
}

---

您可以使用表单的

onsubmit

属性。确保提交输入字段具有名称属性

submit

HTML

<form onsubmit="return validateForm(this);">
   ...
   <input id="searchsubmit" name="submit" type="submit" value="Search">
</form>

使用jQuery：

$(function() {
  $('#searchform').on('submit', function() {
    $(this.s).val('dog');
  });
});

---

显示您尝试过的内容。现在表单已提交，是否要阻止表单提交并仅更改输入值？您自己是否尝试过？您可以与我们共享此代码吗？问题是您正在覆盖“提交”功能。您需要以某种方式钩住“onSubmit”事件。您所做的只是使默认的

submit（）

无法发生。

$(function() {
  $('#searchform').on('submit', function() {
    $(this.s).val('dog');
  });
});