2011-08-10 67 views
2

我有提供按名稱和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 
      }); 

     } 
+0

到底是什麼你得到,因爲我沒有看到,試圖清除框中的任何代碼中的錯誤。 – Kyle

回答

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

您正在尋找的changestart的事件,你可以提供一個事件處理程序,並執行必要input - 清除代碼:

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

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

+0

謝謝這就像魅力。 – Mermaid

+0

@Mermaid:沒問題,很高興幫助:) –

+0

@ Andrew Whitaker。對不起,我在這裏有一個困惑。我正在使用MVC框架工作。但是在控制器端,我仍然看到舊值保留。[例如,儘管我在名稱中輸入了一個輸入,但仍按ID搜索輸入。這兩個值都發送到控制器] – Mermaid