Javascript Jquery Mobile-使用Ajax选择显示值resfresh

我花了几个小时试图解决这个问题，但没有成功

我的页面中有一个select和一个旨在更新所选值和显示值的查询

显示的值永远不会更新。单击“选择”按钮时，该值正确显示

这是我的密码：

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">

<fieldset class="ui-field-contain">
     <label for="device1">device1 Roma home</label>
     <select name="device1" id="device1"  >
          <option value="Roma">Roma</option>
          <option value="Paris">Paris</option>
          <option value="London">London</option>
          <option value="Madrid">Madrid</option>
          <option value="Berlin">Berlin</option>
     </select>
</fieldset>

<script type="text/javascript">

   $(document).ready(function(){

   some code here...

   PUBNUB_demo.subscribe({
         channel: 'datavenueGeolocator',
         message: function(m){
          $( "#device1" ).val(m['device1']);  
         }
     });

   });


</script>

设备1罗马之家
罗马
巴黎
伦敦
马德里
柏林
$（文档）.ready（函数（）{
这里有一些代码。。。
PUBNUB_demo.subscribe({
频道：“datavenueGeolocator”，
信息：功能（m）{
$（“#设备1”）.val（m['device1']）；
}
});
});

m['device1']包含例如“Paris”

我试过很多东西。。。菜单选择，刷新。。。没有成功

提前感谢你的帮助。

---

Aure设置新值后，您需要告诉jQM刷新selectmenu小部件：

$( "#device1" ).val((m['device1']).selectmenu("refresh");