답변:
스크립트없이 :
<form action="where-you-want-to-go"><input type="submit"></form>더 좋은 방법은 여러분이 어딘가로가는 것이므로 사용자에게 "어딘가로가는 것"에 대한 표준 인터페이스를 제공합니다.
<a href="where-you-want-to-go">ta da</a>컨텍스트는 "사용자가 양식을 제출하는 일반 검색 시뮬레이션"처럼 들리지만,이 경우 첫 번째 옵션은 갈 길입니다.
method="POST").
이것이 네가 말하는 뜻 이니?
$('button selector').click(function(){
window.location.href='the_link_to_go_to.html';
})$('#someButton').click(function() {
window.location.href = '/some/new/page';
return false;
});return false"Enter 또는 Return 키"를 누르면 새 링크로 리디렉션되지 않고 현재 URL로 이동할 수 있습니다. Enter / Return 키를 눌렀을 때 다른 URL에 게시하려는 텍스트 입력 컨트롤이있을 때 특히 유용합니다.
HTML에서 버튼에 데이터 속성을 추가 할 수 있습니다.
<button type="submit" class="mybtn" data-target="/search.html">Search</button>그런 다음 jQuery를 사용하여 URL을 변경할 수 있습니다.
$('.mybtn').on('click', function(event) {
event.preventDefault();
var url = $(this).data('target');
location.replace(url);
});도움이 되었기를 바랍니다
이것은 작동합니다 ..
$('#buttonID').click(function(){ window.location = 'new url'});window.location을 사용할 수 있습니다.
window.location="/newpage.php";또는 검색 버튼이있는 양식을 원하는 페이지의 동작으로 만들 수 있습니다.
이 간단한 JavaScript 코드를 사용하여 샘플 검색 결과 페이지로 연결되는 검색 버튼을 만들 수 있습니다. 여기 에서 내 홈페이지의 '/ search' 로 리디렉션했습니다. Google 검색 엔진에서 검색하려면 양식 작업에서 " https://www.google.com/search " 를 사용할 수 있습니다 .
<form action="/search"> Enter your search text:
<input type="text" id="searchtext" name="q">
<input onclick="myFunction()" type="submit" value="Search It" />
</form>
<script> function myFunction()
{
var search = document.getElementById("searchtext").value;
window.location = '/search?q='+search;
}
</script>그리고 Unobtrusive JavaScript (UJS)를 사용하는 CoffeeScript가있는 Rails 3에서 :
추가 assets/javascripts/my_controller.js.coffee:
$ ->
$('#field_name').click ->
window.location.href = 'new_url'읽는다 : document.ready 이벤트가 시작 되면 자바 스크립트를 실행 onclick하는 ID가 field_name있는 DOM 개체에 이벤트를 추가합니다.window.location.href='new_url';