jQuery anchor preventDefault

Question

Использование jQuery, как мне получить значение из текстового поля, а затем загрузить новую страницу на основе значения?

Например, предположим, что текстовое поле содержит «привет» на page1.php, как изменить поведение по умолчанию якорной тега Теперь загрузите следующую

page2.php? TXT = привет

я следующий до сих пор:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("a.mylink").click(function(event){ 
     alert("link clicked"); 
     event.preventDefault(); 
    }); 
}); 
</script> 

Answer 1

Html

<input type="text" id="demoQuery" /> 
    <a id='demoLink' href='javascript:'>Iam a link</a> 

Javascript

jQuery('#demoLink').bind('click',function(e){ 
     e.preventDefault(); 
     document.location.href="someUrl.php?text="+ jQuery('#demoQuery').val();  
}); 

Answer 2

Вы можете использовать blur событие текстового поля, поэтому после того, как пользователь закончит ввод анкер можно обновить с помощью следующей JQuery:

$("#textBoxId").blur(function() { 
    var text = $(this).val(); 
    var end = text.length == 0 ? "" : "?txt=" + text; 
    $("a.mylink").attr("href", "Page2.php" + end); 
}); 

И просто измените href якоря. Тогда вам не нужно самостоятельно обращаться с якорем click. Якорь будет просто перенаправлен на «Page.php? Txt = Hello». И это гарантирует, что ссылка всегда актуальна и будет работать, если пользователь щелкает правой кнопкой мыши и выбирает открытие в новом окне.

Или вы могли бы сделать это по-другому вокруг и обработать щелчок якоря:

$("a.mylink").click(function(e) { 
    var text = $("#textBoxId").val(); 
    document.location.href = $(this).attr("href") + "?txt=" + text; 
    e.preventDefault(); 
}); 

Но если правильные клики, это событие не будет срабатывать.

Answer 3

Установить событие щелчка на теге привязки, чтобы добавить строку запроса при нажатии.

$('a').click(function() { 
    var querystring = $('input').serialize(); 
    this.href += querystring; 
}); 

Используется метод serialize jQuery. Если селектор - это каждый вход или поле, вы хотите передать поле на следующую страницу. Удачи!

Не нужно использовать event.preventDefault.