使用javascript更改primefaces分割按钮值

Question

我创建了以下带有primefaces的分割按钮：

<h:form style="text-align: right;" >
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
    <p:splitButton value="My Profile" actionListener="#{userLogin.myprofile}">
        <p:menuitem value="Log In"  url="http://localhost:8080/xhtml_files/login.xhtml"/>
        <p:menuitem value="Sign Up" url="http://localhost:8080/xhtml_files/signup.xhtml"/>
    </p:splitButton>
</h:form>

在我的Web开发项目中，我成功验证了用户并检查他们是否已登录。 我想在用户登录时更改menuitems值，并将其更改为：

<h:form style="text-align: right;" >
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
    <p:splitButton value="My Profile" actionListener="#{userLogin.myprofile}">
        <p:menuitem value="Log Out" actionListener="#{userLogin.logout}" />
    </p:splitButton>
</h:form>

有没有办法实现这个目标？