如何使搜索按钮重定向到搜索结果页面

Question

我是这方面的新手，我有一个按钮类型为submit的搜索表单，当我点击该按钮打开一个显示带有url的搜索结果的新窗口时，我想要它。有人能帮我查询一下吗？？

php代码：

function output_full_screen_search() {      

?>
<div id="full-screen-search">
<button type="button" class="close" id="full-screen-search-close">X</button>
<form role="search" method="get" action="https://hostingstudies.com/" target="_blank" id="full-screen-search-form">
<div id="full-screen-search-container">
<input type="text" name="s" placeholder="Search" id="full-screen-search-input" />
<button type="submit">Search</button>
</div>
</form>
</div>
<?php

}

}

jquery代码：

jQuery( document ).ready( function( $ ) {

// ... display the Full Screen search when:
// 1. The user focuses on a search field, or
// 2. The user clicks the Search button
$( 'form[role=search] input, form[role=search] button' ).on( 'focus, click', function( event ) {
// Prevent the default action
//event.preventDefault();

// Display the Full Screen Search
$( '#full-screen-search' ).addClass( 'open' );

// Focus on the Full Screen Search Input Field
$( '#full-screen-search input' ).focus();
} );
// Hide the Full Screen search when the user clicks the close button
$( '#full-screen-search button.close' ).on( 'click', function( event ) {
// Prevent the default event
event.preventDefault();
// Hide the Full Screen Search
$( '#full-screen-search' ).removeClass( 'open' );
} );
} ); 

Answer 1

从处理程序中删除event.preventDefault();，它将停止表单提交，这是表单的默认行为。

$( 'form[role=search] input, form[role=search] button' ).on( 'focus, click', function( event ) {
// Display the Full Screen Search
$( '#full-screen-search' ).addClass( 'open' );

// Focus on the Full Screen Search Input Field
$( '#full-screen-search input' ).focus();
} );