jquery - JQuery Mobile 选择框不显示所选值？

Question

我有一个名为crop和varie的选择框。通过Ajax 加载的品种选择框取决于crop的选择，然后呈现给JQueryMobile，正确填充的值。但未显示所选值。

可能是什么原因？

我的代码：

<script>
            $(document).ready(function() {
                $("#crop").change(function(){
                    $.ajax({
                        type:'GET',
                        url :'variety.php',
                        dataType:"json",
                        //data:"fname=me",
                        data: ({crop: $('#crop').val()}),
                        success : function(data){
                            //                        alert(data);
                            $("#variety").html(data);                               
                        },
                        error : function(data){
                            //                        alert("Error"+data);
                        }
                    });

                });
            });
        </script>
<div data-role="fieldcontain">
                            <label for="crop" class="select">Crop :</label>
                            <select name="crop" id="crop" data-native-menu="false"><option selected>Choose an option</option>
                                <?php
                                while ($res = mysql_fetch_assoc($tests)) {
                                    $dropdown .= "\r\n<option value='{$res['id']}'>{$res['crop_name']}</option>";
                                }
                                echo $dropdown;
                                //}
                                ?>
                            </select>
                        </div>
                        <div data-role="fieldcontain">
                            <label for="variety" class="select">Variety :</label>
                            <select name="variety" id="variety" data-placeholder="true">
                            </select>
                        </div>  
<?php
                    }
                    ?>

Answer 1

您需要调用 selectmenu('refresh'); 在包含选择菜单的元素上。

$("#variety").html(data).selectmenu('refresh');

应该这样做。如果没有，请尝试：

$("#variety").html(data).selectmenu('refresh', true);