プルダウンのvalue値を取得してphp上で使う方法を教えて！！

前提・実現したいこと

プルダウンで選択
「見る」ボタンを押す
プルダウンで選択したvalue値を変数(data)にいれる

データベースに接続
データベースを呼び出す
→select * from データベース名 where 列名 = 変数(data) order by date desc;

scriptを使ってstrにvalue値を入れれたんですが，それをphpに持ってくる方法がわかりません．

なにか参考になるページなどあったら教えてほしいです．

該当のソースコード

login_success.php
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <meta charset="UTF-8">
6  <link rel="stylesheet" href="../css/admin.css">
7  <title>-ログイン-</title>
8</head>
9<body>
10
11  <!--jqueryの読み込み-->
12  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">
13  </script>
14
15  <input type="button" onclick="history.back()" value="ログアウト">
16
17  <p>電源状況を見る <span id="span3"></span></p>
18
19  <form action="login_success.php" method="POST">
20    <select id="machine">
21      <option value="1" selected>1号</option>
22      <option value="2">2号</option>
23      <option value="3">3号</option>
24      <option value="4">4号</option>
25    </select>
26    <input type="submit" name="battery" value="見る" onclick="clickBtn()">
27  </form>
28
29  <script>  //value値をjavascript使って取得するstrに格納する
30    function clickBtn(){
31      const str = document.getElementById("machine").value;
32      document.getElementById("span3").textContent = str;
33    }
34  </script>
35
36  <?php
37  if(isset($_POST["battery"])) {
38    
39  //データベース接続
40    $dsn = 'mysql:host=localhost;dbname=○○;charset=utf8';
41    $db_user = '○○';
42    $db_pass = '○○';
43
44
45    try {
46      $pdo = new PDO($dsn, $db_user, $db_pass);
47      } catch (PDOException $e) {
48        exit('データベース接続失敗。' . $e->getMessage());
49      }
50
51    $query = "select * from image";
52    $stmt = $pdo->query($query);
53    $rec = $stmt->fetchAll(PDO::FETCH_ASSOC);
54  }
55  ?>
56
57　//データベースから値を持ってきて表を表示させる
58
59</body>
60</html>
61