Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.02.2014, 06:57
Новичок на форуме
Отправить личное сообщение для ElaBamz Посмотреть профиль Найти все сообщения от ElaBamz
 
Регистрация: 07.02.2014
Сообщений: 2

Выборка элемента с которым взаимодействуют
Здравствуйте.
На самом деле, я не уверен что правильно указал заголовок темы.
Наверное моя проблема в том что я не могу объяснить суть своей проблемы гуглу

Моя беда в том, что функция jq может работать только с первой формой, как я не пытался, ни чего не вышло.

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

<form id="Forma">
	Введите имя:<br/>
		<input id="number" type="text" size="20"><br/><br/>
		<input type="submit" value="Отправить">
	</form>
		<form id="Forma">
	Введите имя:<br/>
		<input id="number" type="text" size="20"><br/><br/>
		<input type="submit" value="Отправить">
	</form>
		<form id="Forma">
	Введите имя:<br/>
		<input id="number" type="text" size="20"><br/><br/>
		<input type="submit" value="Отправить">
	</form>
	<div id="content"></div>

$(document).ready(function(){
			$('.myForm').submit(function()
			{
				$.ajax(
				{
					type: "POST",
					url: "test.php",
					data: "number="+$(".number").val(),
					success: function(html)
					{
						$("#content").html(html);
				   }
				});
				return false;
			});
			
		});
Ответить с цитированием
  #2 (permalink)  
Старый 07.02.2014, 07:29
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

ElaBamz, типичная ошибка новичков. ID на странице должны быть уникальными! Или не используй id вообще.
У тебя в скрипте уже есть задел на использование класса. Короче, вот тебе готовый исправленный код:
<form class="myForm">
Введите имя:<br/>
    <input name="number" type="text" size="20"><br/><br/>
    <input type="submit" value="Отправить">
</form>
    <form class="myForm">
Введите имя:<br/>
    <input name="number" type="text" size="20"><br/><br/>
    <input type="submit" value="Отправить">
</form>
    <form class="myForm">
Введите имя:<br/>
    <input name="number" type="text" size="20"><br/><br/>
    <input type="submit" value="Отправить">
</form>
<div id="content"></div>
<script>
    $(document).ready(function() {
        $('.myForm').submit(function() {
            $.post({
                url: "test.php",
                data: $(this).serialize(),
                success: function(html) {
                    $("#content").html(html);
               }
            });
            return false;
        });
    });
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 07.02.2014, 08:20
Новичок на форуме
Отправить личное сообщение для ElaBamz Посмотреть профиль Найти все сообщения от ElaBamz
 
Регистрация: 07.02.2014
Сообщений: 2

Огромное спасибо!
Только у меня почему то не сработало с Вашим вариантом:

$.post({
         ....
            });


Но сработало с моим:

$.ajax({
    type: "POST",
    ...
});


Это важно? И почему такое может быть?
++
И еще вопрос, почему передача как я понимаю происходит с помощью POST а в адресе появляется index.html?number= как будто пользуюсь GET?

Последний раз редактировалось ElaBamz, 07.02.2014 в 09:12.
Ответить с цитированием
  #4 (permalink)  
Старый 07.02.2014, 09:54
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

Сообщение от ElaBamz
в адресе появляется index.html?number=
а где ты видишь этот адрес?
если в адресной строке, то все правильно, аяксового урла там быть не должно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена DOM элемента другим элементом MaxXxaM Events/DOM/Window 5 04.05.2013 01:24
Выборка элемента по динамично добавленному Id vladimirlip jQuery 6 19.12.2012 14:26
Выборка элемента меню utb jQuery 10 01.12.2011 10:21
DOM. Выборка элемента по классу ручками prolapse Events/DOM/Window 6 18.09.2011 18:13
Как узнать индекс элемента над которым находится курсор Zhazhah jQuery 2 28.03.2011 23:30