我有可以按名称和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/