JQuery Mobile select menus not displaying the selected value

JQuery Mobile select menus not displaying the selected value

I am having trouble getting the select menu to display the value selected, and I couldn't figure out why, please help!!

Here is the header I included:

  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">  
  2. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />  
  3. <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  4. <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

Here are the 3 select menus in my html, but only the first select menu
works (i.e., after I select a value from the drop down list, the
selected value is displayed in the box); the 2nd and 3rd select menu
do not display the selected values after my selection from the list.




Anyone can tell me what the problem is?

  1. <form id="createMPForm" wicket:id="createMPForm">
  2. <div id="content">
  3. <div id="metaprofile">
  4. <table class="webClientTable">
  5. <tbody>
  6. <tr>  
  7.     <td align="right" nowrap class="fieldLabel"><label for="profileType" wicket:id="profileTypeLabel" class="requiredLabel">Metaprofile Type</label></td>  
  8.     <td colspan="-1">
  9.          <select id="profileType" name="type" wicket:id="type">                  
  10.          <option selected="selected" value="">Choose One</option>               
  11.          <option value="OXE">OXE</option>                  
  12.          <option value="OT">OT</option>                
  13.          </select></td> </tr>  


  14. <tr id="oxeNodeRow" name="oxeNodeRow" style="display:none">  
  15.      <td align="right" nowrap class="fieldLabel"><label for="oxeNode" wicket:id="oxeNodeLabel" class="requiredLabel" id="oxeNodeLabel3">OXE Node</label></td>  
  16.      <td colspan="-1">
  17.           <select id="oxeNode" name="oxeNode" wicket:id="oxeNode">                  
  18.           <option selected="selected" value="">Choose One</option>                       
  19.           </select></td> </tr>


  20. <tr id="deviceTypeRow" name="deviceTypeRow" style="display:none">
  21.      <td align="right" nowrap><label for="deviceType" wicket:id="deviceTypeLabel" class="requiredLabel" id="deviceTypeLabel9">Device type</label></td>
  22.      <td colspan="-1"><select name="deviceType" id="deviceType" wicket:id="deviceType">                  
  23.           <option selected="selected" value=""></option>                 
  24.           <option value="NOE_A">4019</option>                  
  25.           <option value="NOE_A_IP">IPTouch 4018</option>                 
  26.           <option value="NOE_B_IP">IPTouch 4028</option>                   
  27.           </select></td> </tr>...
Thanks!!