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

Question

一旦填充了查找字段并且我稍后打开相同的 visualforce 页面，然后查找字段被预填充。

我想把“X”放在查找字段旁边，这样当点击“X”时，字段值就会被清除。

Answer 1

您可以使用一些简单的 javascript 将字段的值设置为空白来做到这一点，关于获取要使用的元素的 ID，只有一点 Force.com 的魔力。下面是一个完整的页面，可以满足您的需要。

<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>

请注意，将 javascript 应用于链接的推荐方法是在页面加载时执行此操作，尽管您可能会发现执行上述操作更简单，因为它无需深入到元素{!$Component.Parent.Child.Grandchild}（使用<apex:pageBlock>等时需要）和如果未启用 javascript，您的用户将遇到比您的链接不工作更大的问题！