搜索框到高级网址

时间:2011-04-14 22:32:53

标签: javascript html search

我的网站上有搜索引擎,SERP的网址为search/QUERY/1/

如何制作HTML搜索框以填写网址的QUERY部分?

它不能真正使用PHP,但如果必须,它可以使用javascript。

2 个答案:

答案 0 :(得分:5)

使用jQuery:

<强> Live Demo

$('#search_button').click(function() {
    var query = encodeURIComponent($('#search_query').val());
    var searchurl = 'http://www.mysite.com/search/{query}/1/';
    var newurl = searchurl.replace('{query}',query);
    alert(newurl);
    // $(location).attr('href',newurl);
});

<input type="text" id="search_query">
<input type="button" id="search_button" value="Search">

答案 1 :(得分:1)

HTML:

<form action="index.php" method="post">
<input type="text" name="word" />
<button type="submit">Search</button>
</form>

index.php:

<?PHP
if( isset( $_POST['word'] ) )
{
    header( 'location: /search/' . $_POST['word'] . '/' );
    exit();
}
//Other index.php codes
?>