清除手风琴标题点击的内容

时间:2011-08-10 16:48:13

标签: jquery jquery-ui jquery-ui-accordion

我有手风琴,提供按名称和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
            });

        }

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

ui.oldContent.find(":input").val('');