jquery - 单击 Accordion 标题时清除内容

Question

我有提供按名称和 ID 选项搜索的 Accordion 。我想在单击 Accordion 标题时清除文本框...

例如。如果我选择按 ID 搜索，那么如果名称中存在任何文本，则应清除。

下面是我的代码，

    <div id="accordion" style="width: auto; height: auto">

         <h3>
        <a href="#">Search by Name </a>
     </h3>
    <fieldset>
      // Text box for name 

    </fieldset>
    <h3>
        <a href="#">Search by Id</a>
    </h3>
    <div>
        <fieldset>
             // Text box for ID
        </fieldset>
    </div>

//提交按钮

 $(document).ready(function () {
        var icons = {
            header: "ui-icon-circle-triangle-e",
            headerSelected: "ui-icon-circle-triangle-s"
        };

        $(function () {
            $("#accordion").accordion();

        });

        $(function () {
            $("#accordion").accordion({
                collapsible: false,
                autoHeight: true,
                fillSpace: true,
                icons: icons
            });

        }

Answer 1

您正在寻找changestart事件，您可以为其提供事件处理程序并执行必要的输入清除代码:

$("#accordion").accordion({
    changestart: function (event, ui) {
        ui.newContent.find(":input").val('');
    }
});

示例: http://jsfiddle.net/andrewwhitaker/vq9t3/