Выборка элемента с которым взаимодействуют
Здравствуйте.
На самом деле, я не уверен что правильно указал заголовок темы. Наверное моя проблема в том что я не могу объяснить суть своей проблемы гуглу :) Моя беда в том, что функция 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;
});
});
|
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>
|
Огромное спасибо!
Только у меня почему то не сработало с Вашим вариантом:
$.post({
....
});
Но сработало с моим:
$.ajax({
type: "POST",
...
});
Это важно? И почему такое может быть? ++ И еще вопрос, почему передача как я понимаю происходит с помощью POST а в адресе появляется index.html?number= как будто пользуюсь GET? |
Цитата:
если в адресной строке, то все правильно, аяксового урла там быть не должно. |
| Часовой пояс GMT +3, время: 15:55. |