Как передать POST списка, без перезагрузки страницы?

Question

[KevinSmash]

Здравствуйте. Существует список, из которого я получаю нужное значение. Но при отправке значения страница обновляется. Использование ajax не помогло.

<form action="" id="my_form" method="post">
        <select name="warehouse_id" id="options" >
            <?php
            foreach ($work_id as $work) {
                ?>
                <option value="<?= $work["id"] ?>"><?= $work["name"] ?></option>
                <?php
            }
            ?>
        </select>
            <input  value="Отправить" type="submit">
        </form>

<script type="text/javascript">
            $('#my_form').input(function(){
                $.post(
                    'work.php', 
                    $("#my_form").serialize(), 
                    function(msg) { 
                        $('#my_form').hide('slow');
                    }
                );
                return false;
            });
        </script>

Comments

[VegasChickiChicki]

У вас стоит какой либо сборщик? Gulp к примеру?

[KevinSmash]

VegasChickiChicki, нет, сайт на Joomla

Answer 1

[Сергей Пантелеев]

<script type="text/javascript">
  $(document).on('submit', '#my_form', function(e) {
    e.preventDefault();
    var form = $(this);

    $.post(
        'work.php',
        form.serialize(),
        function(msg) {
          form.hide('slow');
        },
    );
  });
</script>

Comments

[KevinSmash]

К сожалению не помогло. Страница обновляется

[Сергей Пантелеев]

KevinSmash, а можете страницу с формой скинуть?

[KevinSmash]

Сергей Пантелеев, Она очень большая. Слишком много лишнего.

[Interface]

KevinSmash, тогда вам лучше сделать минимальный стенд с воспроизводимой проблемой. Стенд (не стандартная терминология) - это проект, где нет ничего кроме кода для воспроизведения проблемы

[Сергей Пантелеев]

KevinSmash, есть ошибки какие нибудь в консоли?
ну и да, выложите тогда пример кода так