javascript - 通过 h :selectOneMenu 打开 URL

Question

我有一个 JSF1.2 selectOneMenu 组件。
目前，用户从下拉菜单中选择一个项目，然后单击输出链接以在新的浏览器窗口中打开 URL:

<h:selectOneMenu value="#{itemSelected}"  valueChangeListener="#{someclass.generateInfoForURL}" onchange="submit()" >
  <s:selectItems var="_items" value="#{itemsList}" label="#_items.itemName}" /> 
  <s:convertEntity />
</h:selectOneMenu>  

<h:outputLink value="URL&amp;generatedInfo=#{someclass.component.generatedInfo}" target="_blank" > 
    <f:verbatim>View Report</f:verbatim>            
</h:outputLink> 

我需要的是；当用户选择其中一个下拉项时，它应该在新页面中打开 URL，而无需选择链接的中间步骤。我可以在支持 bean 中构建 URL，但如何让它打开新的浏览器窗口？

Answer 1

提供 URL 作为项目值，并使用 JavaScript 在新选项卡/窗口中打开它，而不是提交表单。您只需确保所有 URL 都已预先准备好。

例如

<h:selectOneMenu onchange="window.open(value)">
    <f:selectItem itemLabel="Select page.." />
    <f:selectItem itemLabel="page1" itemValue="page1.jsf" />
    <f:selectItem itemLabel="page2" itemValue="page2.jsf" />
    <f:selectItem itemLabel="page3" itemValue="page3.jsf" />
    ...
</h:selectOneMenu>

(您当然可以将其提供为 <f/s:selectItems> ，上面只是一个基本的启动示例)