Jquery мобильный список выбора не работает

Question

Это немного сходит с ума, у меня есть два div на моей странице и два списка выбора в каждом div.
в первом 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
я сделал то же самое, но он работает в первом 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

Вы не можете иметь два выбора с одинаковым идентификатором на странице.Дайте каждому уникальный идентификатор.Я предположил этот ответ, потому что вы говорите, что «он не работает во втором диве» ... если вам нужна дополнительная помощь, пожалуйста, опубликуйте еще разметку (например, выбор во втором диве).