JSF ajax和jQueryMobile更新选择菜单

我正在使用JSF2.0、jQuery1.8.2和jQueryMobile 1.2.0

我有两个selectmenu，其中第二个菜单的源值取决于第一个selectmenu的选择（值由backingbean函数加载）。我的问题是，当我在第一个selectmenu中选择option时，无法正确更新第二个selectmenu

<h:form id="testForm" prependId="false">
 <h:selectOneMenu id="testValues" value="#{model.testValue}" >
            <f:selectItems
                value="#{bean.getTestValues()}"
                var="object"
                itemLabel="#{object.label}"
                itemValue="#{object.value}" />
            <f:ajax render="testValues2" onevent="initForm"/>
        </h:selectOneMenu>
 <h:selectOneMenu id="testValues2" value="#{model.testValue2}">
          <f:selectItems
                value="#{bean.getTest2Values(model.testValue)}"
                var="object2"
                itemLabel="#{object2.label}"
                itemValue="#{object2.value}" />
 </h:selectOneMenu>
</h:form>
<script type="text/javascript">
  function initForm(){
    $("#testForm").trigger('create');

    };
     </script>

或

但它没有帮助（我有一个错误：

错误：在初始化之前无法调用selectmenu上的方法；试图调用方法“refresh”

）

另外，我不能通过

呈现所有表单，因为表单上还有其他不想刷新的字段

请帮助。
也许这与我在PrimeFaces Mobiley中找到的有关您的
OneEvent
处理程序至少很奇怪。您是否知道，
只是一个侦听器方法，在ajax请求期间被调用了3次？我不太清楚什么是
$（“#testForm”）.trigger（'create'）
可以，但您绝对确定需要一直调用它吗？
<div class="ui-select"> <!-- menuselect before update... -->
     <div>...</div> <!-- here is selected option from testValues2 before update -->
    <div class="ui-select">...</div> <!-- menu with updated values-->
</div>

$('#testValues2').selectmenu('refresh');

$('#testValues2').selectmenu();
$('#testValues2').selectmenu('refresh');