Question

我使用PHP下拉列表从我的sql数据库中检索数据，它存在于link.

它工作得很好但是当我改变我想要的菜单样式时，它不起作用。这个菜单代码是我想要的：

    <select name="parent_cat" id="parent_cat" data-native-menu="false" class="filterable-select" data-iconpos="left">

I think the problem exists because the menu shows in popup : `#&ui-state=dialog` 
but I do not know how to solve this problem.

this full HTML code :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dependent DropDown List</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {

    $("#parent_cat").change(function() {
        $(this).after('<div id="loader"><img src="img/loading.gif" alt="loading subcategory" /></div>');
        $.get('loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
            $("#sub_cat").html(data);
            $('#loader').slideUp(200, function() {
                $(this).remove();
            });
        }); 
    });

});
</script>
</head>

<body>
<form method="get">
    <label for="category">Parent Category</label>
    <select name="parent_cat" id="parent_cat" data-native-menu="false" class="filterable-select" data-iconpos="left">

        <?php while($row = mysql_fetch_array($query_parent)): ?>
        <option value="<?php echo $row['id']; ?>"><?php echo $row['category_name']; ?></option>
        <?php endwhile; ?>
    </select>
    <br/><br/>

    <label>Sub Category</label>
    <select name="sub_cat" id="sub_cat"></select>
</form>
</body>
</html>

请帮忙

下拉列表不适用于data-native-menu =＆＃34; false＆＃34;

0 个答案: