0

我有一个需要以 3 种不同方式处理的搜索表单：

1) 表单的默认操作应使用返回/输入键提交。

2）如果单击“image1”，则$which_action需要更新变量并提交表单。

3）如果单击“image2”，则$which_action需要更新变量并提交表单。

（我知道$which_action客户端浏览器中不存在，我只是将它作为占位符包含在以下代码中）

这是我目前对我想做的事情的一些注释：

<form method="POST" action="<?php echo $which_action ?>" id="query"> 
    <input type="text" value="<?php echo $_POST['query']; ?>" />
</form>

<image1>clicking this image should change $which_action=image1.php and POST the form value into $_POST['query'] while submitting the form.
<image2>clicking this image should change $which_action=image2.php and POST the form value into $_POST['query'] while submitting the form.

javascript 不应影响使用 enter/return 键提交表单的默认方法。

先感谢您！

4

2 回答 2

1

你的意思是这样的吗？http://jsfiddle.net/sebastianteres/mLBxR/

<form method="POST" action="<?php echo $which_action ?>" id="query"> 
  <input id="the_input" type="text" value="<?php echo $_POST['query']; ?>" />
</form>

<image1 onclick="changeValue("foo")>
<image2 onclick="changeValue("bar")>

<script>
  window.changeValue = function (val) {
     document.getElementById("the_input").value = val;   
  }
</script>

在该函数中，您可以搜索表单（带有 id）并更改操作属性。

于 2013-05-21T19:26:03.153 回答
1 
  <form method="POST" action="" id="query"> 
<input type="text" value="<?php echo $_POST['query']; ?>" />
</form>

 <img src="" onclick="changeAction('image1.php')">
 <img src="" onclick="changeAction('image2.php')">

 <script>
   function changeAction(url) {
   document.getElementById("query").action = url;
   document.getElementById("query").submit();
  }

 </script>
于 2013-05-21T19:27:21.670 回答