javascript - 当在我的 HTML/PHP 页面上选择下拉项时，如何在 jQuery (AJAX) 中进行检测？

Question

我如何在 jQuery (AJAX) 中检测到在我的 HTML 页面上选择了下拉项以便刷新页面？这是我的下拉代码:

<select id="dropdown">
  <option value="test1">test1</option>
  <option value="test2">test2</option>
</select>

这是我一直用来检测点击的代码...我怎样才能让它检测下拉列表中的变化？

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

    <script type="text/javascript">
    // This is our actual script
    $(document).ready(function(){
        $('#dropdown').click(function(){

                $.ajax({

                    location.reload();

                });

            return false;
        });
    });
    </script>

还有一个额外的问题，就在 location.reload(); 之前，我如何在 PHP 中为选择下拉值设置一个 $_SESSION 变量？

Answer 1

更改了选择时，用选定值重新加载页面，并用Querystring

$(document).ready(function(){
    $('#dropdown').on('change', function() {
        window.location.href = window.location.href + '?value=' + this.value;
    });
});

这是一个简化的例子。您可能需要一些解析来多次更改查询字符串。

然后在 PHP 中捕获并设置 $_SESSION 等

$_SESSION['value'] = $_GET['value']