HTML / PHP форма - выбор выпадающего меню не работает так, как я ожидаю

Question

У меня есть HTML-форма, которая выбирает города из базы данных MYSql и через PHP "foreach" возвращает массив результатов, которые затем отображаются в раскрывающемся списке. Затем я хотел бы иметь возможность щелкнуть по одному из возвращенных результатов в раскрывающемся списке и использовать его для дальнейшего заполнения таблицы в коде в качестве переменной PHP (или другого способа, если это возможно). Я приложил код. Раскрывающийся список работает, но выбранный город не возвращает ожидаемого результата, а всегда возвращает последний результат в списке, что заставляет меня думать, что часть моего кода JS неверна. У меня очень ограниченные знания о JS, поэтому я вполне могу подойти к этому совершенно неправильно. Любой вклад приветствуется.

Город происхождения

                            <?php {
                            $sql1 = "SELECT * FROM town_info";
                            $sth1 = $pdo->prepare($sql1);
                            $sth1->execute();
                            $towns = $sth1->fetchAll(PDO::FETCH_ASSOC);
                            foreach ($towns as $town) {
                                echo "<option value='$town[id]'>$town[place_name]</option>";
                            }
                        }?>

                                <script>
                                    function myFunction() {
                                        document.getElementById("colltown").value;
                                    }
                                </script>
                                <button onclick="myFunction()"><?php echo $origin_town = $town[place_name];?>
                                </button>
                        </select>
                    </div>

            </td>
        </tr>
    </table>
</div>