JQuery отправить форму из текстовой ссылки

Question

Я пытаюсь создать маленькую форму, которая отправляет форму и передает значение из текстовой ссылки. Вот что я получил до сих пор ..

<form id="calendar" name="calendar" action="" method="post">
<a href="<?php echo $next_month; ?>" class="submitCal">&raquo;</a>
</form>

<script type="text/javascript">
jQuery.noConflict();
jQuery('.submitCal').click(function () {
  jQuery("#calendar").submit();  
});
</script>

Я бы хотелЕсли бы я стал переменной формы под названием «время», я просто не уверен, что я движусь в правильном направлении или нет .. Если бы кто-то мог помочь, это было бы здорово :))1006 *

Answer 1

Вы можете сделать это так:

jQuery('.submitCal').click(function () {
  var timeVar = jQuery("<input type='hidden' name='time'/>");
  timeVar.val(jQuery(this).attr("href"));
  jQuery("#calendar").append(timeVar).submit();  
  return false;
});

Это создаст скрытый элемент формы внутри вашей формы со значением атрибута href

Answer 2

Если вы используете jQuery 1.4, это может сработать:

jQuery('.submitCal').click(function() {
    $(this).closest('form').append($('<input>', {
        id: 'time',
        name: 'time',
        val: $(this).attr('href')
    })).submit();
});

Answer 3

Вероятно, проще всего было бы просто вывести скрытое поле формы со значением времени там. Это делает вашу форму совместимой с браузерами без javascript.

<form id="calendar" name="calendar" action="" method="post">
<input type="hidden" value="<?php echo $next_month; ?>" name="time" />
<a href="<?php echo $next_month; ?>" class="submitCal">&raquo;</a>
</form>

Тогда все готово! Ваш jquery выглядит хорошо, за исключением бита noConflict (). Для этого лучше всего вставить его в заголовок документа сразу после загрузки библиотек jQuery.