Question

如果选择了某个选项，我将如何自动发布下拉菜单？

<SELECT NAME="select_page"><?php echo $options1;?></SELECT>

实现这一目标的最佳方法是什么？

Answer 1

您可以对onchange元素使用select事件，并对表单提交代码：

<form method="post">
    <select name="myselect" onchange="this.form.submit();">
        <option>blue</option>
        <option>red</option>
    </select>
</form>

当值发生变化时，它会自动提交表单。

Answer 2

请注意，jQuery通过其ID引用<select>标记，因此请在标记中添加一个。此外，如果您希望收到回复信息，可以使用AJAX发布数据。

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#Sel').change(function() {
                    var opt = $(this).val();
                    $.ajax({
                        type: "POST",
                        url: "receiving_file.php",
                        data: 'selected_opt=' + opt,
                        success:function(data){
                            alert('This was sent back: ' + data);
                        }
                    });
                });
            });
        </script>
    </head>
<body>

<select id = "Sel">
    <option value ="Song1">default value<br>
    <option value ="Song2">Break on through<br>
    <option value ="Song3">Time<br>
    <option value ="Song4">Money<br>
    <option value ="Song5">Saucerful of Secrets
</select>

选择时自动发布的下拉菜单

2 个答案: