Question

我环顾四周并尝试在此网站上关注其他示例，但我无法使其发挥作用。

我有一个表单想要更改用户搜索时的搜索值，例如当用户点击“搜索”时将值更改为“狗”。

<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吗？

Answer 1

您可以使用onsubmit功能：

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

Answer 2

您可以使用表单的onsubmit属性。确保提交输入字段具有名称属性submit

<强> HTML

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

<强> JS

function validateForm(formObj) {
    // You can do any validation and return false if something invalid.

    // If everything is okay, just disable submit button and change the value.
    formObj.submit.disabled = true;
    formObj.submit.value = 'Searching...Please Wait...';
    return true;
}

Answer 3

使用jQuery：

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

在提交javascript上更改表单值

3 个答案: