Почему этот код отправляет входные данные формы на URL? - PullRequest
2 голосов
/ 02 мая 2010

Как получить, чтобы этот ввод формы сохранялся в переменной, которую я затем смогу использовать позже, вместо добавления в конец URL?

    <script type="text/javascript">

        $(function() {
                var tag_box = $("<div>").appendTo("body").css({
                    "width": "40px",
                    "height":"40px",
                    "border":"4px solid #000000",
                    "position":"absolute",
                    "display":"none", 
                    "padding":"15px"
                    });

            var comment_box = $("<form action='#'><input id='comment' type='text' name='comment' placeholder='Add comment'></form>").appendTo(tag_box).css({"position":"absolute"});


            $("#image-wrapper").live("click", function(e) {
                tag_box.css({
                    "left": e.pageX - 40,
                    "top": e.pageY - 40, 
                    "display": "block"
                    })
                .after(comment_box.css({
                    "left": e.pageX - 65,
                    "top": e.pageY + 40
                }));
                 return false;  
                });

            });

</script>
<body>

<div align="center">  

    <img src="images/ror1.gif" width="760" height="182" alt="Ror1" id="image-wrapper">

</div> 
</body>

1 Ответ

1 голос
/ 02 мая 2010

Чтобы предотвратить отправку, верните false из обработчика событий submit (onsubmit). Данные формы (имена параметров + значения) могут быть получены с помощью serialize:

$("form").live("submit", function() {
    var params = $(this).serialize();
    alert(params);
    return false;
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...