한 번의 클릭으로 여러 검색 양식이 실행됩니까?

제출 버튼이있는 1 개의 주요 검색 양식과 제출 버튼이있는 여러 개의 2 차 검색 양식이 있습니다.한 번의 클릭으로 여러 검색 양식이 실행됩니까?

내가 원하는 것은 텍스트를 입력하고 기본 검색 양식의 제출 버튼을 클릭하면 동일한 텍스트가 모든 보조 검색 양식에 복사되고 보조 검색 양식의 모든 제출 버튼이 나타납니다. 자동으로 맞았다. 여러 차 검색 형태의

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

하나는 다음과 같습니다 :

전원에 대한 HTML 코드는 형식이 다음과 같습니다 earch

<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;?>

이렇게하면 텍스트가 자동으로 복사됩니다. 기본 검색 양식에 2 차 검색 양식으로 입력 한 그래서 그렇게하는 법을 알아 냈습니다.

사용자가 Enter 키를 누르거나 마우스로 "보내기"버튼을 누르면 보조 검색 양식에서 마우스로 "Enter"키 입력 또는 "GO"버튼을 "시뮬레이트"하는 것이 문제입니다 주요 검색 양식에

통찰력을 가져 주셔서 감사합니다.

출처

2009-09-12 Anonymous

jQuery의 submit() 이벤트를 살펴보십시오. 그것은 당신의 열쇠가 될 것입니다.

아약스를 통해 제출할 계획이라고 가정합니다. 그렇지 않으면 그것은 쓸데 없다.

그래서 당신은 this-

같은 것이 모든 양식을 특정 클래스를 부여 할 수있는,의는 '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-12 05:33:44

브랜든, 을 나는 당신이 무슨 말을하는지 이해가 확실하지 않다.제가 구체적으로해야 할 일을 정확히 말씀해 주시겠습니까? HTML FORM 태그에 class = "ajax_search_forms"를 추가하고 싶습니까? 위의 코드는 자바 스크립트 코드입니까? 나는 그것을 으로 둘러 쌌고 아무 것도하지 않았다 ... 몇 가지 추가 정보를 보내 주셔서 감사합니다! :) –

위의 코드는 jQuery 라이브러리 위에 구축 된 JS 코드로, 다운로드하여 사이트에 포함해야합니다. 그런 다음 모든 양식에 ajax_search_forms 클래스를 추가해야합니다. 그런 다음 양식을 제출하면 모든 양식 제출이 시작됩니다. –

나는 그 점이 무엇이 될지 모르겠다. 모두가 서로 다른 사이트를 가리키는 검색 양식 인 것 같습니다. 웹 브라우저는이를 허용하지 않습니다. 한 번에 한 페이지 씩 이동할 수 있습니다. 양식을 페이지에 게시하면 해당 페이지로 이동합니다. 따라서 한 번에 여러 페이지를 탐색하려고합니다. 동시에 파리와 런던에 가려고하는 것과 같습니다. 나는 당신의 계획이 당신이 그것을 묘사하는 방식대로 어떻게 작동하는지 보지 못합니다. 당신은 사용자가 하나 개의 창에서 다른 모든 검색 결과를 볼 수있을려고 포함하지 않는 계획을 마련 할 수 있다면, 당신은 너무

document.forms[0].submit();

를 호출하는 자바 스크립트 클라이언트 측을 사용할 수 있다고 말했다

당신은 첫 번째 양식에서 이것을 시도 할 수 있습니다 ...

<form action="query.php" method="get" onSubmit="document.forms(1).Submit();">

출처

2009-09-12 05:38:43 David

안녕하세요 David, 중요한 것은 서로 다른 웹 사이트에 자동으로 검색 텍스트를 제출하는 것입니다. 따라서 기본 검색 창에서 사용자가 텍스트를 입력하고 제출 버튼을 클릭하거나 Enter 키를 누릅니다. 그런 다음이 텍스트 문자열은 자체 보조 검색 양식을 사용하여 여러 웹 사이트에 자동으로 전송됩니다. 코드를 시도했지만 보조 검색 양식에서 "입력"키 입력 또는 마우스 클릭을 시뮬레이션하지 않았습니다. 추가 설명해 주시겠습니까? –

Brandon Suggested로 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-12 06:20:13 Hrishi

한 번의 클릭으로 여러 검색 양식이 실행됩니까?

답변

관련 문제