Question

这有点疯狂，我的页面中有两个div，每个div有两个slect列表在第一个div中，代码按预期工作，但在第二个div中，它不是。我已经在div-

中编写了代码

 <select onchange="populateStateSelectBox('','ADDR_SHIP_COUNTRY','ADDR_SHIP_STATE');" name="ADDR_SHIP_COUNTRY" id="ADDR_SHIP_COUNTRY" data-native-menu="false" data-theme="c">
            <option value="">Country</option> 

              <option value="zx">'''' </option>

              <option value="af">Afghanistan </option>

              <option value="hh">Aftab </option>

              <option value="ar">Aire </option>
    </select>

我在jquery docs中读到这一行 - 要在特定选择中使用自定义菜单，只需添加data-native-menu =“false”属性
这是参考Jquery Select List
我做了同样的事情，但是它在第一个div中工作但是没有在第二个div工作..
任何人都知道为什么会这样发生，我试图解决自从最近5小时，但没有运气.. :( 请有人建议我在哪里错。

我想要这个... http://jsfiddle.net/XbbdU/3/

EDTIT- 与第二个列表相关的代码 -

 <b>Country *:</b> 
        <select data-theme="c" data-native-menu="false" id="<%=WebKeys.ADDR_SHIP_COUNTRY%>"  name="<%=WebKeys.ADDR_SHIP_COUNTRY%>"  onchange="populateStateSelectBox('','<%=WebKeys.ADDR_SHIP_COUNTRY%>','<%=WebKeys.ADDR_SHIP_STATE%>');" >
        <option value ="">Country</option> 
         <%for(int i=0; i<countryBean.length ;i++){
            CountryBean country = countryBean[i];%>
          <option value ="<%=country.getCountryCode()%>" <%if(country.getCountryCode().equals(shippingAddress.getCountry())){%> selected <%}%> ><%= country.getCountry()%> </option>
         <%}%>
        </select>

点击此列表我正在填充第二个列表的内容..你可以看到我在onchange事件上调用了一个函数..

Answer 1

尝试在第二个div中触发创建 - 可能是populateStateSelectBox方法中的最后一行。

这样的事情：

$("#div2").trigger('create');//div2 is the id of the div enclosing second select

Answer 2

页面上不能有两个具有相同ID的选择。给每个人一个唯一的ID。我已经假设了这个答案，因为你说“它在第二个div中不起作用”......如果你想要进一步的帮助，请发布更多标记（例如第二个div中的选择）。

Jquery移动选择列表无法正常工作

2 个答案: