Question

我需要将3个文本框和一个下拉值发送到不同的页面，我不能使用提交按钮我必须使用图像。的代码： -

<table width="70%" border="0" align="right" cellpadding="0" cellspacing="5">
    <tr>
      <td width="11%" align="right" valign="middle" class="text6">Type:</td>
      <td width="12%" align="right" valign="middle" >
      <select name="type">
          <option value="Alumni">Alumni</option>
          <option value="Student">Student</option>
          <option value="Faculty">Faculty</option>    
      </select></td>
      <td width="7%" align="right" valign="middle" class="text6">Name</span>:</td>
      <td width="22%" align="right" valign="middle"><input type="text" name="name" id="name"  style="width:130px;"/></td>
      <td width="8%" align="right" valign="middle"class="text6" >Course/Department:</td>
      <td width="14%" align="right" valign="middle" ><input type="text" name="course"  style="width:90px;"/></td>
      <td width="5%" align="right" valign="middle"class="text6">Year:</td>
      <td width="12%" align="right" valign="middle"><input type="text" name="year" style="width:80px;"/></td>
      <td align="right" valign="middle"><a href="searchprocess.php?&name=value"><img src="images/search_box.jpg" width="60" height="25" border="0" align="middle" style="border: solid 1px #CCCCCC;" /></a></td>
    </tr>
</table>

Answer 1

向INPUT添加更多FORM个元素。然后，浏览器将向查询字符串添加更多键值对。

Answer 2

附注：建议不要使用锚标记提交表单值，最好使用提交按钮。

但这里的答案是：使用javascript。 E.g。

<html>
...
<script type="text/javascript">
  function redirectWithValues() {
    var sStr = "../base/test.jsp?TEXT1=" + encodeURI(document.frmTest.TEXT1.value)
     + "&TEXT2=" + encodeURI(document.frmTest.TEXT2.value)
     + "&TEXT3=" + encodeURI(document.frmTest.TEXT3.value)
     + "&OPTION1=" + encodeURI(document.frmTest.OPTION1.value);

    window.location.href = sStr;
    return false;
  }
</script>
...
<form name="frmTest" action="../base/test.jsp">
  <input type="text" name="TEXT1" value="Value1" />
  <input type="text" name="TEXT2" value="Value2" />
  <input type="text" name="TEXT3" value="Value3" />
  <select name="OPTION1">
    <option value="OptionValue1">Option Description 1</option>
    <option value="OptionValue2">Option Description 2</option>
    <option value="OptionValue3">Option Description 3</option>
  </select>

  <a href="#" onclick="return redirectWithValues()">Woe is me</a>
</form>
...
</html>

Answer 3

您可以使用<input type="image" ... />代替提交按钮。

Answer 4

新答案

您的原始页面可以使用您指定的代码

<Form method="post" action="page2.php">
code for your table here....

<!--Submit Button as Image-->
<input type="image" src="images/yourimage.gif" alt="Submit Form" name="submit" />
</form>

page2.php看起来像这样：

<html>
<body>

<?php
$type = $_POST['type'];
$name = $_POST['name'];
$course = $_POST['course'];
$year = $_POST['year'];

echo $type;

etc etc

?>
</body>
</html>

如果你想在文本框等中显示它，你需要做类似的事情：

<input type="text" name="course" value="<?php echo $course; ?>" />

原始回答

只需使用POST提交表单，然后在下一页用一些PHP处理查询字符串。

这假设数据不敏感。我更喜欢PHP而不是Javascript（如果可能的话）。

不确定您的问题是否完全清楚您要做什么，以及您可以使用哪些技术/语言。

使用html和php将值发送到另一页

4 个答案: