0

我有 1 个带有提交按钮的主搜索表单和几个带有提交按钮的辅助搜索表单。

我想要做的是当我输入文本并单击主搜索表单的提交按钮时，相同的文本会被复制到所有辅助搜索表单中，并且辅助搜索表单的所有提交按钮都会自动点击。

mains 搜索表单的 HTML 代码如下所示：

<form action="query.php" method="get">
Search: <input type="text" name="item" size="30">
<input type="submit" value="send">
</form>

几种二级搜索形式之一如下所示：

<FORM action="http://www.dpbolvw.net/interactive" method="GET" target="_blank">
<div style="float: left; padding: 0 3px 0 0;">
<INPUT type="text" name="src" size="9"
value="<?php
$input = $_GET['item'];
echo $input;?>"                                     style="width: 110px; height: 22px;margin:0; padding: 0; font-size:140%;">
</div>

<div style="float: left; padding: 0 3px 0 0;">
<input type="image" name="submit" value="GO"                            src="http://images.guitarcenter.com/Content/GC/banner/go.gif"
alt="Search" style="font-size:140%">
/div>

<input type="hidden" name="aid" value="1234"/>
<input type="hidden" name="pid" value="1234"/>
<input type="hidden" name="url" value="http://www.guitarcenter.com/Search/Default.aspx"/>
</form>

请注意我放在辅助搜索表单的“值”字段中的 php 代码：

<?php
$input = $_GET['item'];
echo $input;?>

这会自动将我在主搜索表单中输入的文本复制到辅助搜索表单中。因此，我想出了如何做到这一点。

问题是当用户在主搜索上按下 Enter 键或用鼠标按下“SEND”按钮时，在辅助搜索表单上“模拟”“Enter”键击或用鼠标单击“GO”按钮形式。

感谢您的见解！

4

3 回答 3

0

看看 jQuery 中的 submit() 事件。那将是你的关键。

我假设您打算通过 ajax 提交？否则是徒劳的。

所以你可以做这样的事情-

给你所有的表单一个特定的类，我们称之为“ajax_search_forms”。所以现在你可以真正挂钩提交事件。

$('.ajax_search_forms').submit(function(){
   var search_string = $('input[name=src]').val();
   $('.ajax_search_forms').each(function(){
     $.ajax({
        url : $(this).attr('action'),
        data : 'search_string=' + search_string,
        success : function(html){
          // Do something with the result
        }
     });
   });

   // Return false is VERY important so that the form submission does not continue
   return false;
});
于 2009-09-12T05:33:44.603 回答
0

我不确定这有什么意义，看起来所有这些都是指向不同站点的搜索表单。网络浏览器不允许这样做。他们可以一次导航到一页。当您将表单发布到页面时，您正在导航到该页面。因此，您尝试一次导航到多个页面。这就像试图同时在巴黎和伦敦一样。我看不出您的计划将如何按照您描述的方式进行。

也就是说，您可以使用客户端 javascript 来调用

document.forms[0].submit();

所以如果你能想出一个不涉及让用户在一个窗口中看到所有不同搜索结果的计划，你可以在你的第一个表单上尝试这个......

<form action="query.php" method="get" onSubmit="document.forms(1).Submit();">
于 2009-09-12T05:38:43.157 回答
0

您应该按照 Brandon 的建议使用 AJAX (JQuery)。阅读http://docs.jquery.com/Events/submit

例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $("#submit").click(function() {

//Do you stuff here like triggering other submits
//Like:
$("input#submit2").click();
$("input#submit3").click();

      return false;
    });

  });
  </script>
</head>
<body>
 <form action="javascript:alert('success!');">
    <div>
      <input type="text" />
      <input type="submit" id="submit" />
    </div>
  </form>

 <form >
    <div>
      <input type="text" />
      <input type="submit" id="submit2" />
    </div>
  </form>

 <form >
    <div>
      <input type="text" />
      <input type="submit" id="submit3" />
    </div>
  </form>

</body>
</html>
于 2009-09-12T06:20:13.493 回答