使用 JS 在 p:selectOneMenu 中选择选项
Selecting option in p:selectOneMenu using JS
我正在尝试使用 javascript 在 selectOneMenu 中预 select 用户所在的国家/地区。
问题是当页面最初加载时,列表仍在第一个元素上。但是,如果我单击箭头展开列表,然后单击页面上的其他位置使列表消失,那么该值就是 javascript 设置的值。
<p:selectOneMenu styleClass="inputField selectOneMenuColored" required="true" editable="false" id="country" value="#{subscribeUser.user.countryBean}" converter="#{countriesConverter}" effect="fold">
<f:selectItems value="#{countriesConverter.countries}" var="country" itemLabel="#{country.shortName}" itemValue="#{country}" />
</p:selectOneMenu>
和 javascript:
<script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<h:body id="whole" onload="setSelectedIndex('form:country_input',geoplugin_countryName());">
...
function setSelectedIndex(menuId, val){
var menu = document.getElementById(menuId);
var opts = menu.options;
for( j = 0; j < opts.length; j++) {
if(opts[j].value == val) {
opts[j].selected= "true";
}
}
}
我不确定目标是什么,但答案是这样的:
Select 按值:
PF('selectOneMenuWV').selectValue('3')
Select 按标签:
PF('selectOneMenuWV').selectItem(PF('selectOneMenuWV').jq.find('.ui-selectonemenu-item[data-label*="Option Label"]'))
注意要定义一个widgetVar,本例中为selectOneMenuWV
<p:selectOneMenu ... widgetVar="selectOneMenuWV">
我正在尝试使用 javascript 在 selectOneMenu 中预 select 用户所在的国家/地区。 问题是当页面最初加载时,列表仍在第一个元素上。但是,如果我单击箭头展开列表,然后单击页面上的其他位置使列表消失,那么该值就是 javascript 设置的值。
<p:selectOneMenu styleClass="inputField selectOneMenuColored" required="true" editable="false" id="country" value="#{subscribeUser.user.countryBean}" converter="#{countriesConverter}" effect="fold">
<f:selectItems value="#{countriesConverter.countries}" var="country" itemLabel="#{country.shortName}" itemValue="#{country}" />
</p:selectOneMenu>
和 javascript:
<script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<h:body id="whole" onload="setSelectedIndex('form:country_input',geoplugin_countryName());">
...
function setSelectedIndex(menuId, val){
var menu = document.getElementById(menuId);
var opts = menu.options;
for( j = 0; j < opts.length; j++) {
if(opts[j].value == val) {
opts[j].selected= "true";
}
}
}
我不确定目标是什么,但答案是这样的:
Select 按值:
PF('selectOneMenuWV').selectValue('3')
Select 按标签:
PF('selectOneMenuWV').selectItem(PF('selectOneMenuWV').jq.find('.ui-selectonemenu-item[data-label*="Option Label"]'))
注意要定义一个widgetVar,本例中为selectOneMenuWV
<p:selectOneMenu ... widgetVar="selectOneMenuWV">