Javascript 如何从HTML中获取选定值并在js或php中处理它？

我已经创建了一个事件数组，现在我有了一个“按位置筛选”下拉列表。如何在下拉列表中选择值并在js或php中处理它？哪一个更好，以便显示该位置的事件，而不是所有事件。我有不同的文件，一个用于显示事件（events.js和events.php），另一个文件（filterievents.js和filter events.php），这就是我想要处理的过滤

HTML

---

如果（！$result）死亡（“数据库访问失败：.mysqli_错误（$db_服务器））；而（$row=mysqli_fetch_array（$result））{$events[]=$row；}

<让我们来研究一下。如果没有结果，则将其设置为

die（）

。现在，你如何期望你的

而
循环继续？
if（）
<我不知道你为什么会这样挂起。
WHERE location='LEEDS'
<包含卷曲引号，应该会得到一个解析错误。
$username=$\u POST['username']<我没有看到你在任何地方使用它。您的问题包含太多语法错误和未知项。请对所有查询启用错误报告和错误处理。我不是一个JS的家伙，所以如果这是JS相关的，我不是这个家伙，对不起。我主要是一个服务器端编码器。
如果（！$result）死亡（“数据库访问失败：”.mysqli_error（$db_server））；而（$row=mysqli_fetch_array（$result））{$events[]=$row；}
<让我们来研究一下。如果没有结果，则将其设置为
die（）
。现在，你如何期望你的
而
循环继续？
if（）
<我不知道你为什么会这样挂起。
WHERE location='LEEDS'
<包含卷曲引号，应该会得到一个解析错误。
$username=$\u POST['username']<我没有看到你在任何地方使用它。您的问题包含太多语法错误和未知项。请对所有查询启用错误报告和错误处理。我不是一个JS的家伙，所以如果这是JS相关的，我不是这个家伙，对不起。我主要是一个服务器端编码员。
         <div class="events">

             <form method="POST" id="eventForm"> 
                 Filter By Location<br/>
                <select name="Locations">
                    <option value="Leeds">Leeds</option>
                    <option value="Newcastle">Newcastle</option>
                    <option value="London">London</option>
                </select>
                 <input type="submit" name="submit" value="Search"/>
             </form>

                    <div class="eventname"><!--obj.eventname--></div>
                    <div class="date"><!--obj.date--></div>
                    <div class="time"><!--obj.time--></div>
                    <div class="location"><!--obj.location--></div>

                <p id="error" class="errormessage"></p>
                <p id="allevents" class="postmessage"></p>
        </div>

<?php

require_once('checklog.php');
require_once("db_connect.php");
require_once("functions.php");

session_start();

// Print out existing events
$query = "SELECT eventname, date, time, location FROM events ORDER BY eventname";
$result = mysqli_query($db_server, $query);
if (!$result)
    die("Database access failed: " . mysqli_error($db_server));
while ($row = mysqli_fetch_array($result)) {

    $events[] = $row; 

}

mysqli_free_result($result);

require_once("db_close.php");

echo json_encode($events);

?>

$(document).ready(function() {

     var events = document.getElementById("allevents").value; 

        // Call Ajax for existing comments
        $.ajax({
        type: 'GET',
        url: 'events.php',
        success: function(result) {
            var arr = JSON.parse(result);

                for(var i = 0; i < arr.length; i++) {
                var obj = arr[i];   

                var output = document.getElementById("allevents");  

                output.innerHTML += '<div class="comment-container"><div class="eventname">'+obj.eventname+'</div><div class="date">'+obj.date+'</div><div class="time">'+obj.time+'</div><div class="location">'+obj.location+'</div></div>';

            }
        }
    });

<?php

require_once('checklog.php');
require_once("db_connect.php");
require_once("functions.php");

This is where I want to filter but not sure how to do it.

?>

// When post button is clicked
$(document).ready(function() {
    var forum = $("#eventForm");
    $("#eventForm").on('submit', function(event) {
        event.preventDefault();

        var events = new FormData(this); 

    if (events) {

    // Call Ajax for new comment
    $.ajax({
        type: 'POST',
        url: 'filterevents.php',
        data: events, 
        processData: false, 
        contentType: false,
        success: function(response) {
                if(response == "Success")  
                {
                  document.getElementById("comment").innerHTML = response;
                } else { 
                    document.getElementById("error").innerHTML = response;
                } 
            } 
        });
    } else { 
        document.getElementById("error").innerHTML = "Please Select A Location";
    }        
    return false;
    });

});