HTML 양식에 2 개의 제출 버튼

타 무스

한 양식에 2 개의 제출 버튼이 있습니다.

<form action="main.php" method="POST" id="form" name="form">
    <div id="box" name="box" style="-webkit-transition:1s;overflow:hidden;">
        <label class="boxes"><input type="checkbox" id="All" name="All" onclick="checkAll()" /><span>All</span></label>
        <label class="boxes"><input type="checkbox" id="books" name="books" onclick="rmOthers(1)"/><span>Books</span></label>
        <label class="boxes"><input type="checkbox" id="journals" name="journals" onclick="rmOthers(2)"/><span>Journals</span></label>
        <label class="boxes"><input type="checkbox" id="guidelines" name="guidelines" onclick="rmOthers(3)"/><span>Guidelines</span></label>
        <label class="boxes"><input type="checkbox" id="pe" name="pe" onclick="rmOthers(4)"/><span>Patient Education</span></label>
        </div>
        <button type="button" class="submit" id="hide" style="padding:15px 20px;"  onclick="hideBoxes()">+</button><input type="search" name="search" class="inputs" placeholder="Search Articles" value="<?php echo isset($_POST['search']) ? $_POST['search'] : ""; ?>" /><button type="submit" name="submit" class="submit" >Search</button><br />
        <div id="sq">
            <select id="sqType" style="width:5%;">
            <option class="ar">And</option>
            <option class="ar">Or</option>
            </select>
            <input type="text" class="inputs" placeholder="Filter Results" name="filter" style="width:70%;" value='<?php echo (isset($_POST['filter']) ? $_POST['filter'] : ''); ?>'/>
            <button type='submit' id="fil" class="submit" style="-webkit-transform:translateX(-5px) translateY(-3px); width:7%;" >Filter</button>
        </div>
    </form>

이제 내 문제는 두 번째 제출 버튼을 사용하여 양식을 제출할 때 내 PHP 코드가 빈 데이터를 표시한다는 것입니다.

여기 내 PHP 코드가 있습니다.

if(isset($_POST['submit']))
{
$search = $_POST['search'];

$sql = (strcmp($search, "") == true ? "SELECT * FROM `tbl_article_abstract` WHERE `title` LIKE '%$search%'" : "SELECT * FROM `tbl_article_abstract` WHERE `title` LIKE '%$search%' LIMIT 30");

$query = mysqli_query($con, $sql);
if(mysqli_num_rows($query) != 0)
{

    while($run = mysqli_fetch_assoc($query))
    {   

        $title = (strlen($run['title']) > 121) ? substr($run['title'], 0, strpos(wordwrap($run['title'], 121), "\n")) . '...' : $run['title'];

echo '<div class="SearchResults">';
echo "      <span class='top'>";
echo "          <a>";
echo "              <h3>". strtoupper($title) ."</h3>";
echo "          </a>";
echo "          <br />";
echo "          <h5 class='sub'>";
echo "          Authors :<a class='authors'>Dr.Michael Ramsay</a><a class='authors'>Dr.Lars Benitez</a><a class='authors'>Dr.Kevin John Pascual</a><br><br>";
echo "          </h5>";
echo "      </span>";
echo "      <span class='bottom'>";
echo "          <span class='bottomLeft'>";
echo                    ($run['abstract'] != "" ? "             <a class='options' onclick='showOverlay(". $run['id'] .")'>Abstract</a><span style='margin:0px 5px;'>|</span>" : "" );
echo "              <a target='_blank' href='view.php?filename=NKTI  Proceedings  vol. 1 no. 1 Feb.  1996' class='options'>";
echo "                  Full Article";
echo "              </a>";  
echo "          </span>";
echo "          <div class='overlay' id='". $run['id'] ."' onclick='hideOverlay(this, event)'> ";
echo "              <iframe class='abstract' src='abstract.php?id=".$run['id']."' style='padding:0px;' scrolling='no'>";
echo "                      <button class='closeButton' onclick='hideOverlay(". $run['id'] .")'>x</button>";
echo "                      <div class='wrapper'><h3>".$run['title']."</h3></div><br />";
echo                        $run['abstract'];
echo "              </iframe>";
echo "          </div>";
echo "          <span class='bottomRight'>";
echo "              <p class='label'>NKTI Proceedings volume ".$run['volume'].", January - April 2015 @ Pg. 1-15</p>";
echo "          </span>";
echo "      </span>";
echo "      <br style='clear:both;'/>";
echo "</div>";


    }

}

}

?> 

내 목표 : 사용자가 검색 문자열을 입력하기를 원하며 사용자가 결과에서 원하는 것을 찾을 수없는 경우 검색된 데이터를 더 필터링 할 수 있습니다.

문제점 : 사용자가 첫 번째 제출 버튼을 사용하여 양식을 제출하면 결과가 표시되고 두 번째 제출 버튼을 사용하여 양식을 제출하면 결과가 사라집니다.

반시 랄 당기

# 2 SUBMIT 버튼과 관련된 이름이 없습니다. 이름을 지정해야합니다. 예-두 번째 제출 버튼에 name = "filter_btn"을 추가하면 이름을 추가 한 후 제출 버튼이 다음과 같이 보입니다.

<button type='submit' name='filter_btn' id="fil" class="submit" style="-webkit-transform:translateX(-5px) translateY(-3px); width:7%;" >Filter</button>

그리고 다음과 같이 코드를 PHP로 수정합니다.

if((isset($_POST['submit'])) || (isset($_POST['filter_btn'])))
{
 //your code goes here
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

HTML 양식, 2 개의 다른 PHP 작업 / 파일에 대한 2 개의 제출 스타일 버튼

분류에서Dev

2 개의 양식을위한 2 제출 버튼-가로로 정렬되는 제출 버튼

분류에서Dev

두 개의 HTML 양식 하나의 결과 페이지에 대한 하나의 제출 버튼

분류에서Dev

양식에 2 개의 버튼

분류에서Dev

복제 된 양식에 대한 두 개의 제출 버튼

분류에서Dev

양식 제출 후 JavaScript의 2 개의 라디오 버튼에서 값을 가져 오는 방법

분류에서Dev

단일 양식에 두 개의 제출 버튼

분류에서Dev

PHP : 같은 양식과 양식 제출 안에 두 개의 버튼 사용

분류에서Dev

제출 양식의 차단 버튼

분류에서Dev

제출 유형이있는 양식에만 2 개의 버튼이 있지만 둘 다 제출 이벤트를 트리거합니다.

분류에서Dev

양식의 제출 버튼에 대해 다른 이름 제공

분류에서Dev

웹 애플리케이션 : Flask-html-wtforms : 두 개의 제출 버튼이있는 양식

분류에서Dev

HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

분류에서Dev

두 개의 양식-하나의 제출 버튼?

분류에서Dev

양식 제출을위한 2 개의 버튼 (제출 및 저장)이있는 Formik React-유효성 검사를 트리거하지 않는 저장 버튼

분류에서Dev

양식 제출을위한 2 개의 버튼 (제출 및 저장)이있는 Formik React-유효성 검사를 트리거하지 않는 저장 버튼

분류에서Dev

내 양식에서 두 개의 제출 버튼을 처리하는 방법

분류에서Dev

뒤로 버튼은 또한 제출 버튼과 같은 html 양식의 유효성을 검사합니다.

분류에서Dev

각도 2 양식의 기본 드롭 다운 값에 대한 제출 버튼 비활성화

분류에서Dev

두 개의 제출 버튼이있는 양식 Laravel 6

분류에서Dev

버튼 하나로 n 개의 양식 제출 MVC .NET

분류에서Dev

Django : 제출 버튼에 다른 양식의 인수 전달

분류에서Dev

jQuery 및 기본 Struts 2 제출 버튼을 하나의 양식으로

분류에서Dev

자바 스크립트에서 버튼 하나로 2 개의 양식 제출이 작동하지 않습니다.

분류에서Dev

제출시 문의 양식 제출 버튼 옆에 로더 표시

분류에서Dev

두 개의 버튼이있는 두 개의 다른보기에 GET 양식을 제출할 수 있습니까?

분류에서Dev

HTML 양식 제출 버튼이 휴대폰에서 작동하지 않음

분류에서Dev

Javascript / HTML 계산 양식에 "제출"버튼을 어떻게 구현합니까?

분류에서Dev

JavaScript에서 제출 버튼이 아닌 다른 버튼의 양식 제출을 방지하는 방법

Related 관련 기사

  1. 1

    HTML 양식, 2 개의 다른 PHP 작업 / 파일에 대한 2 개의 제출 스타일 버튼

  2. 2

    2 개의 양식을위한 2 제출 버튼-가로로 정렬되는 제출 버튼

  3. 3

    두 개의 HTML 양식 하나의 결과 페이지에 대한 하나의 제출 버튼

  4. 4

    양식에 2 개의 버튼

  5. 5

    복제 된 양식에 대한 두 개의 제출 버튼

  6. 6

    양식 제출 후 JavaScript의 2 개의 라디오 버튼에서 값을 가져 오는 방법

  7. 7

    단일 양식에 두 개의 제출 버튼

  8. 8

    PHP : 같은 양식과 양식 제출 안에 두 개의 버튼 사용

  9. 9

    제출 양식의 차단 버튼

  10. 10

    제출 유형이있는 양식에만 2 개의 버튼이 있지만 둘 다 제출 이벤트를 트리거합니다.

  11. 11

    양식의 제출 버튼에 대해 다른 이름 제공

  12. 12

    웹 애플리케이션 : Flask-html-wtforms : 두 개의 제출 버튼이있는 양식

  13. 13

    HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

  14. 14

    두 개의 양식-하나의 제출 버튼?

  15. 15

    양식 제출을위한 2 개의 버튼 (제출 및 저장)이있는 Formik React-유효성 검사를 트리거하지 않는 저장 버튼

  16. 16

    양식 제출을위한 2 개의 버튼 (제출 및 저장)이있는 Formik React-유효성 검사를 트리거하지 않는 저장 버튼

  17. 17

    내 양식에서 두 개의 제출 버튼을 처리하는 방법

  18. 18

    뒤로 버튼은 또한 제출 버튼과 같은 html 양식의 유효성을 검사합니다.

  19. 19

    각도 2 양식의 기본 드롭 다운 값에 대한 제출 버튼 비활성화

  20. 20

    두 개의 제출 버튼이있는 양식 Laravel 6

  21. 21

    버튼 하나로 n 개의 양식 제출 MVC .NET

  22. 22

    Django : 제출 버튼에 다른 양식의 인수 전달

  23. 23

    jQuery 및 기본 Struts 2 제출 버튼을 하나의 양식으로

  24. 24

    자바 스크립트에서 버튼 하나로 2 개의 양식 제출이 작동하지 않습니다.

  25. 25

    제출시 문의 양식 제출 버튼 옆에 로더 표시

  26. 26

    두 개의 버튼이있는 두 개의 다른보기에 GET 양식을 제출할 수 있습니까?

  27. 27

    HTML 양식 제출 버튼이 휴대폰에서 작동하지 않음

  28. 28

    Javascript / HTML 계산 양식에 "제출"버튼을 어떻게 구현합니까?

  29. 29

    JavaScript에서 제출 버튼이 아닌 다른 버튼의 양식 제출을 방지하는 방법

뜨겁다태그

보관