我是客户服务助理,我想制作一个简单的表格来检查网页上的产品价格,而无需加载整个主页。
该网站为www.homebase.co.uk,搜索网址为http://www.homebase.co.uk/en/homebaseuk/searchterm/。
我想制作一个表格,它会在/ searchterm /之后添加在表格中输入的文字而不带问号。
如果我输入775199并按提交/搜索,则会导航至http://www.homebase.co.uk/en/homebaseuk/searchterm/775199。
非常感谢你的帮助:)
我真的很感激!
答案 0 :(得分:2)
假设您使用的是PHP。我想你想做的是:
<?php
//THIS IS THE SAME PAGE WHERE YOUR SEARCH FORM EXISTS
$searchPage = "http://www.homebase.co.uk/en/homebaseuk/searchterm/";
$formAction = "./"; //FORM IS SUBMITTED BACK TO ITSELF...
if(isset($_POST['search_term']){
//BUILD THE REDIRECTION LINK BASED ON THE DEFAULT SEARCH PAGE: $searchPage . $_POST['search_term'])
//AND THEN REDIRECT TO THE REDIRECTION LINK
header("location: " . $searchPage . htmlspecialchars(trim($_POST['search_term'])) );
exit;
}
您的HTML表单可能如下所示:
<form method="POST" action="<?php echo $formAction; ?>" >
<input type="text" name="search_term" id="search_term" value="" class="search_term" />
<input type="submit" name"submit" id="submit" class="submit" value="Search" />
</form>
答案 1 :(得分:1)
好的,所以我解决了这个问题:
<style type="text/css">
.biga {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #F90;
background-color: #FFF;
border: medium solid #000;
}
}
.centerpoint {
text-align: center;
}
</style>
<title>Product Search</title>
<p>
<div class="centerpoint"> <span class="centerpoint">
<input name="prog_site" type="text" class="biga" id="prog_site" value="" />
<a href="http://"
onclick="this.href=(
'http://www.homebase.co.uk/en/homebaseuk/searchterm/' + document.getElementById('prog_site').value)"
target="_blank">
<input name="so_link" type="button" class="biga" value="Search Product">
</a>
</p>
</span></div>
这是我使用的代码。感谢您的所有帮助!