jQuery：如何制作一个清晰的按钮？

我有一个搜索字段，我需要一个清晰的按钮。

我目前有按钮，但我不知道该怎么做，

我有 6 个文本字段、2 个组合框和 2 个多选列表

如何在一个清除函数中清除所有这些？ 我知道 HTML 方式，但我使用 Grails 并且 type="reset" 不起作用。 这就是为什么我想要一种 jQuery 方式来删除文本框的值，将组合框保留在第一个索引中，并清除多选列表中的所有选项。

感谢您的帮助：D

如果您有一个表单，只需添加一个带有类型的输入reset

<input type="reset" value="Clear the Form" />

如果您不能使用它，请使用保存默认值.data并在您重置表单时检索它们。

请参阅 jsFiddle 上的此示例 http://jsfiddle.net/MUGmL/

$("#container :text").each(function() {
    var $this = $(this);

    $this.data("default", $this.val());
});

$("#container select option").each(function() {
    var $this = $(this);

    $this.data("default", $this.is(":selected"));
});

$("#container :button").click(function() {
    $("#container :text").each(function() {
        var $this = $(this);
        $this.val($this.data("default"));
    });

  $("#container select option").each(function() {
      var $this = $(this);
      $this.attr("selected", $this.data("default"));
  });
});

HTML

<div id="container">
    <input type="text" value="default" />
    <select>
        <option>Op1</option>
        <option selected="true">Op2</option>
    </select>
    <select multiple="true" size="5">
        <option>Op1</option>
        <option selected="true">Op2</option>
    </select>

    <input type="button" value="reset" />
</div>

清除所有输入并删除所有选项select元素更简单，请参阅 jsFiddle 上的示例 http://jsfiddle.net/MUGmL/1/（相同的html）。

$("#container :button").click(function() {
    $("#container :text").val("");

    $("#container select").empty();
});