Question

在表单下拉列表中，我想加载一个包含更新的mysql表列表的列表。我将表单变量发送到php并将它们发布到mysql表中。同一页面显示完整的表格数据。我想刷新下拉列表而不刷新所有页面。我们的想法是通过另一个页面添加列表值学习Ajax

<script>
function dynamic_Select(dropdown) {


 $('update').click( function(event) {
                         event.preventDefault();
                            $("#result").load($(this).attr('#input'));
                        });
                        }
</script>

</head>

<body bgcolor="#999999">
<div style="margin-left: 500px;">
<form name="ajaxlearning" id="ajaxlearning">
<select name="dropdown" id="dropdown"> 
       <option value="">Select supplier</option>
<?php
include('config.php');



?>
    <?php

    $sqlsupplier=mysql_query("SELECT id ,name FROM item");
    while($row=mysql_fetch_assoc($sqlsupplier))

    {
        echo "<option value = '{$row['id']}'";

        echo ">{$row['name']}</option>";}

       ?>

    </select>


<input type='button' onclick='dynamic_Select(dropdown)' name='update' value='Status Update'>
</form>

</body>
</html>

Answer 1

由于您标记了jQuery：您可以使用

检索新列表

$.get('path/to/listgenerator.php', function(data) {
    $('#idOfYourSelect').html(data);
});

listgenerator.php将查找数据库中的列表项并返回-tags。

如何在不刷新所有页面的情况下更新下拉列表值

1 个答案: