如何在Jquery mobile中选择表单提交后的选择输入

Question

我有一个带有输入的表单。当我提交表单并返回到它时，这个输入将返回到默认值。

通常我这样做:

$(document).ready(function(){
    $('#selectCountry').val('<?php echo $country ?>');
});

但是在移动版JQuery中，由于Ajax包装，$(document)。Ready在表单提交后不会触发。

有没有办法解决这个简单但令人烦恼的问题?

Answer 1

更新

如果可以在页面加载时加载该值就更好了。

<select id="selectCountry">
<?php 
foreach ($countries as $country){
   echo '<option value="' . $country . '"';
   if($country == $selectedCountry){
      echo ' selected="selected"';
   }
   echo '>' . $country . '</option>';
}
?>
</select>

再次更新

这是你如何为jquery mobile做的。

$('#selectCountry').live('pagecreate',function(){
      $(#'selectCountry').val('<?php echo $country; ?>');
   });

见此页

之前的建议 -你可以使用。live()函数吗?

$ (' # selectCountry) .live(函数(){美元(# selectCountry) .val (");});

Answer 2

修改如下:

$(document).ready(function(){
    $('#selectCountry').val('<?php echo $country ?>');
});

:

$(document).ready(function(){
   init()
});
function init() {
    $('#selectCountry').val('<?php echo $country ?>');
}

然后在页面底部，你可以直接调用init():

<script type='text/javascipt'>
init()
</script>