Jquery вывод результата формы по событию

Тема в разделе "Другие языки", создана пользователем bork75, 21 апр 2016.

XEvil 4.0 Релиз Состоялся!
  1. bork75

    bork75 The Team

    Регистр.:
    21 июн 2008
    Сообщения:
    1.454
    Симпатии:
    681
    Есть рабочий код, который выводит результат по различным изменениям в форме (change keyup)
    Нужно ещё сразу при загрузке страницы вывести результат <div id="results"></div> т.к. форма имеет начальные значения.
    Понимаю, что нужно в конце просто добавить вывод нужной функции, но не уверен как правильно написать.

    HTML:
    <script type="text/javascript">
            $(document).ready(function(){
        
                $("#myform").bind("change mouseleave keyup", function(e) {
                  $.post('preview.php',
                    $(this).serialize(),
                    function(data){
                      $("#results").html(data)
                    }
                  );
                  return false;
                  
                });
            });
    </script>
    
    <div id="results"></div>
     
  2. warg

    warg Постоялец

    Регистр.:
    26 июн 2007
    Сообщения:
    125
    Симпатии:
    139
    как вариант вывести при формировании страницы back-end скриптом,
    либо как альтернатива в ready вызвать событие в ручную

    Код:
    <script type="text/javascript">
            $(document).ready(function(){
      
                $("#myform").bind("change mouseleave keyup", function(e) {
                  $.post('preview.php',
                    $(this).serialize(),
                    function(data){
                      $("#results").html(data)
                    }
                  );
                  return false;
                });
                $( "#myform" ).trigger( "mouseleave" );
            });
    </script>
    еще можно код события вынести в отдельную функцию, затем указать ее как обработчик событий и затем вызвать в ручную.
     
    bork75 нравится это.
  3. f483796

    f483796 Постоялец

    Регистр.:
    24 фев 2015
    Сообщения:
    49
    Симпатии:
    2
    Просто сделай $("#myform").trigger('change'); и функция сработает как будто пользователь изменил форму