对话框的清理

[吾身为剑所成]

<div id="confirmBadDebt_div" style="display: none;">
	<table class="ftable" cellpadding="1" cellspacing="1" width="100%">
		<tr>
			<td class="flabel">备注信息:</td>
			<td class="fcontent"><textarea name="commonts" id="commonts"rows="4"></textarea></td>
		</tr>
		<tr>
			<td class="flabel">结算币种:</td>
			<td class="fcontent"><select id="badDebtAccountCurrency" ctype="8060"></select></td>
		</tr>
		<tr>
			<td class="flabel">结算币种金额(单位元):</td>
			<td class="fcontent"><input type="text" id="badDebtAccount" /></td>
		</tr>
	</table>
</div>

<script type="text/javascript">
function confirmBadDebt() {
	$('#confirmBadDebt_div').dialog("option", "title", "交易备注信息");
	$('#confirmBadDebt_div').dialog("option", "buttons", {
		'确定' : function() {
			//N行代码
		},
		'关闭' : function() {
			$(this).dialog('close');
		}
	});
	$('#confirmBadDebt_div').dialog('open');
}
</script>

如上面的对话框“confirmBadDebt_div”，当第一次编辑完成后，再次打开这个对话框时，
对话框中的“input”、“select”、“textarea”这些组件会残留有上次的编辑内容，比如第一次编辑“结算币种”为“美元”，第二次打开对话框，“结算币种”就显示在美元状态，而不是为空。
如何才能做到弹出对话框前对该对话框中的这些组件进行一次清理，使其内容为空。

[吾身为剑所成]

我一开始用的是 

 $('#confirmBadDebt_div').html

会使对话框变成白板，里面的组件全部被清除

[天际的海浪]

把表格放到一个form中，每次打开对话框时都调用下form的重置方法 reset()