在解决局部问题更新是html()方法最有效了,我想跟新片段就可以采用此方法。
例如:
在要求选择了select组件中的某项,要求相邻的按钮的超链接更新,而又不刷新界面,可采用此方法,例子如下:
function selectedClick(){ //获取select对象 var selectedObj = $('#exportType option:selected'); //获取当前selected的值 var selected = selectedObj.val(); var url="exportServlet?exportType="+selected; $('#urlservice').html('<a href="'+url+'">'+'<img src="../../images/icons/export.jpg" border="0" style="vertical-align: middle;"/></a></span>'); }
<select id="exportType" name="exportType"
style="vertical-align: middle;" οnchange="selectedClick();">
<option value="PDF" selected="selected">PDF格式</option>
<option value="EXCEL">EXCEL格式</option>
<option value="CSV">CSV格式</option>
</select>
<span id="urlservice">
<a href="exportServlet?exportType=pdf"><img
src="../../images/icons/export.jpg" border="0"
style="vertical-align: middle;" />
</a>
</span>