php - jquery 不发送按钮选择到 php

Question

我有一个搜索功能，它将接受搜索字符串并将其发送到 php 文件以解析数据库列。我还希望用户选择他们想要搜索网站的哪个方面(漫画、艺术品或两者)。 Comic 和 Artwork 或存储在两个单独的表中。

这是一个函数，它将接受来自下面 html 的输入搜索字符串并将其发送到 php 文件。

<script type="text/javascript">

        function search(searchString) {     
            //var site = $("#site").val();
            $.get("./scripts/search.php", {_input : searchString},
                function(returned_data) {
                    $("#output").html(returned_data);
                }
            );
        }

这是接受选择搜索“漫画”、“艺术品”或“全部”的 javascript。

        function searchChoice(choice) {     
            alert("Choice: " + choice);
            $.get("./scripts/search.php", {_choice : choice}
           );
        }

</script>

HTML:

    <!--Search filtering for comics, artwork, or both-->
<span class="search"><b>Search for: </b> </span>

<div class="btn-group" data-toggle="buttons-radio">
<span class="search">
    <button type="button" class="btn" id="comics" onclick="searchChoice(this.id)">Comics</button> 
    <button type="button" class="btn" id="artwork" onclick="searchChoice(this.id)">Artwork</button> 
    <button type="button" class="btn" id="all" onclick="searchChoice(this.id)">All</button> 
</span>
</div>

<br/>
<br/>

<!--Search functionality-->
<span class="search">
    <input type="text" onkeyup="search(this.value)" name="input" value="" />
</span>

<br />
<span id="output"><span class="sidebarimages">  </span></span>

PHP 摘录:

$input = (isset($_GET['_input']) ? ($_GET['_input']) : 0); 
$siteChoice = (isset($_GET['_choice']) ? ($_GET['_choice']) : "all");

当选择漫画按钮时，您可以看到 javascript 正确提示“选择:漫画”，但是 php 端，echo "</br>Choice: " . $siteChoice; , 正在回显“全部”，这是不正确的。

任何想法将不胜感激!

Answer 1

如@E_p 所述，这就是问题所在……另一种选择是创建一个变量并将数据存储在那里……试试这个:您不需要更改 html

   var mySearchString = 0;
   var myChoice = 'all';


function search(searchString) {     
        mySearchString = searchString;
        GetSearch();
        }

function searchChoice(choice) {     
            myChoice = choice;
            GetSearch();
            }

function GetSearch(){

 $.get("./scripts/search.php", {_input : mySearchString, _choice : myChoice},
        function(returned_data) {
            $("#output").html(returned_data);
        }
    );

}