javascript - 如何清除 Visualforce 页面中的查找字段值？

Question

填充查找字段后，我稍后打开相同的 visualforce 页面，然后预先填充查找字段。

我想将“X”放在查找字段旁边，以便在单击“X”时清除字段值。

Answer 1

您可以使用一些简单的 javascript 代码将字段的值设置为空白来完成此操作，Force.com 在获取要使用的元素的 ID 方面有一些神奇之处。下面是一个完整的页面，可以满足您的需求。

<apex:page standardController="Contact">
    <apex:form >
        <apex:inputField id="accountLookup" value="{!Contact.AccountId}"/>
        <a href="#" onClick="document.getElementById('{!$Component.accountLookup}').value = ''; return false;">Clear</a>
        <apex:commandButton action="{!Save}" value="Save"/>
    </apex:form>
</apex:page>

注意 the recommended way of applying javascript to a link is to do it on page load , 尽管您可能会发现执行上述操作更简单，因为它使您不必深入到元素 {!$Component.Parent.Child.Grandchild} (在使用 <apex:pageBlock> 等时需要)并且如果未启用 javascript，您的用户将遇到比您的链接不起作用更大的问题!