我有可以按名称和ID选项进行搜索的手风琴。单击acccordion标头时,我想清除文本框...

例如。如果我选择按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
            });

        }

最佳答案

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

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


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

09-30 16:16
查看更多