отправить выбранное значение раскрывающегося списка на другую страницу PHP - PullRequest
Новая
       1

отправить выбранное значение раскрывающегося списка на другую страницу PHP

0 голосов
/ 31 марта 2020

Я не использую кнопку отправки

Я хочу, чтобы выбранное значение от пользователя было отправлено на страницу test1. php, но когда пользователь выбирает опцию, на странице ничего не происходит, и значение не отправлено на тест1. php page

Есть ли какая-либо ошибка в моем коде или я что-то пропустил?

test2. php


<?php include_once 'database.php';

?>


<head>



    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>



    <script>


        $(function() {
            $('.category').change(function() {
                var category = $('.category option:selected').val();
                alert('category changed to ' + category);
                $.ajax({
                    method: "POST",
                    url: "test1.php",
                    data: {
                        category1: $(this).val()
                    },
                    success: function(data) {
                        console.log(data);
                    }
                });
            });
        });



    </script>






</head>
         <p> Filter By Category</p>
    <select id="category" class="category">
                                <?php
                                $query = mysqli_query($conn,"select * from category ");
                                while($category = mysqli_fetch_array($query)) {
                                    echo "<option value='" . $category['cat_name'] . "'>" . $category['cat_name'] . "</option> ";
                                }
                                ?>
                            </select>

test1. php

<?php
include_once 'database.php';

if (isset($_POST['category1'])) {
    $category = $_POST['category1'];
    echo $category;
}
?>

1 Ответ

0 голосов
/ 31 марта 2020

это все ваши файлы? Вы забыли включить jquery?

Я только что сделал тот же сценарий, что и ваш, но в html, и консоль сказала, что $ not found, после добавления jquery, которое работает 

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script>
$(function() {
$('.category').change(function() {
$.ajax({
method: "POST",
url: "https://webhook.site/2d574d22-5570-46f2-b5bd-343d715adff4",
data: {
category1: $(this).val()
},
success: function(data){
console.log(data);
}
});
});
});
</script>
    </head>
    <body>
        <p> Filter By Category</p>
<select id="category" class="category">
    <option value='1'>One</option>
    <option value='2'>two</option>
</select>
    </body>
</html>

вот веб-крючок для проверки вашего запроса, он похож на test1. php, но только для целей отладки https://webhook.site/#! / 2d574d22-5570-46f2-b5bd-343d715adff4 / e3406220-f58e-45be-a4ef- 13d8d3e0b0d3 / 1

Вот несколько советов:

  • проверьте вашу страницу с помощью инструментов разработчика, возможно, есть ошибки
  • проверьте с console.log. val ()

надеюсь, что эта помощь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...