首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >只需一个搜索按钮即可实现表单变量?

只需一个搜索按钮即可实现表单变量?
EN

Stack Overflow用户
提问于 2010-11-11 19:52:07
回答 3查看 777关注 0票数 0

网站: www.matka-opas.com/ahaa4.php如果我按下SEARCH-1,然后按SEARCH-2,它就可以工作了,但是它怎么能用一个搜索按钮呢?

代码语言:javascript
复制
<?php
$depairport = $_POST['depairport'];
$ddestination = $_POST['ddestination'];
$ddday = $_POST['ddday'];
$depmonth = $_POST['depmonth'];
$depyear = $_POST['depyear'];
$retday = $_POST['retday'];
$retmonth = $_POST['retmonth'];
$retyear = $_POST['retyear'];
$aikuisia = $_POST['aikuisia'];
$osoite = $depairport . $ddestination . $ddday . $depmonth . $retday . $retmonth;

?>

<form method="post">



<input type="submit" value="SEARCH 1">

<a href="http://www.travelstart.fi/combo/ <?php echo $osoite; ?>" ><input type="submit" value="SEARCH 2"></a>

谢谢!;]

EN

回答 3

Stack Overflow用户

发布于 2010-11-11 19:55:22

如果我按下SEARCH-1,然后按SEARCH-2,它可以正常工作,但是一个搜索按钮怎么能做到呢?

只需指定one search按钮,它就会提交它所在的表单。并且您不应该为一个特定的表单指定多个提交按钮。

下面是你应该具备的东西:

代码语言:javascript
复制
<form method="post" action="">
  .............
  .............
  .............
  <input type="submit" value="SEARCH">
</form>
票数 2
EN

Stack Overflow用户

发布于 2010-11-11 19:59:54

如果要将表单提交到http://www.travelstart.fi/combo/,则应将url放在表单的操作属性中。当使用<input type="submit" value="SEARCH">提交表单时,您的表单将发布到该url

代码语言:javascript
复制
<form method="post" action="http://www.travelstart.fi/combo/">

您可能还想了解更多关于语义网以及内容和标记分离的知识。我可以理解你想要在这种布局中使用表格,但3 <br>来创建顶部页边距?我看到你的页面中包含了一个样式表,所以...

编辑:现在你的问题更新了,我想我更好地理解它了。如果您不需要任何服务器端功能来计算url,那么将此功能放在javascript中可能更好。这意味着它将在浏览器中执行。这为您节省了往返于服务器的时间,从而使您的页面导航速度更快。这是一个快速设置,可帮助您入门:

代码语言:javascript
复制
<form id="myForm">
  ...
  <input type="submit" />
</form>
<script type="text/javascript">
  myForm.onsubmit = function() {
    window.location = 'http://www.travelstart.fi/combo/' + myForm.depairport +  myForm.ddestination + myForm.ddday + myForm.depmonth + myForm.depyear + myForm.retday + myForm.retmonth + myForm.retyear + myForm.aikuisia;
    return false;
  }
</script>

作为免责声明:这不是对它进行编程的最佳方式,它只是一个简短的示例,引导您朝着正确的方向前进。获取正确的javascript代码来实现你想要实现的功能,这是一个不同的问题。

它可能不会立即工作,因为我不认为这将导致一个有效的网址,但我希望你得到的图片。要使其跨浏览器兼容,您可能需要使用诸如JQuery之类的javascript库。

票数 1
EN

Stack Overflow用户

发布于 2010-11-11 20:04:50

如果您正在尝试提交数据

代码语言:javascript
复制
<input type="submit" value="SEARCH 1">

然后转到不同的url。

代码语言:javascript
复制
<a href="http://www.tra velstart.fi/combo/ " ><input type="submit" value="SEARCH 2"></a>

为了结合这一点,你可以使用php来检测提交并将用户重定向到不同的页面...

举个例子:

代码语言:javascript
复制
$depairport = $_POST['depairport'];
$ddestination = $_POST['ddestination'];
$ddday = $_POST['ddday'];
$depmonth = $_POST['depmonth'];
$depyear = $_POST['depyear'];
$retday = $_POST['retday'];
$retmonth = $_POST['retmonth'];
$retyear = $_POST['retyear'];
$aikuisia = $_POST['aikuisia'];
$osoite = $depairport . $ddestination . $ddday . $depmonth . $retday . $retmonth;

if (isset($_POST['Submit'])) { 
   header( 'http://www.travelstart.fi/combo/'.$osoite ) ; }

您可能只想将html更改为:

代码语言:javascript
复制
<input type="submit" name="Submit" value="SEARCH 1">

这就是全部-确保您正在使用POST方法提交数据

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4154091

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档