javascript - 动态下拉菜单，$_GET 带空格

Question

我使用 Javascript/jquery 创建了一个动态下拉菜单，并使用 php mysql 进行填充:

$("#first-choice").change(function() {
    $("#second-choice").load("getter.php?choice=" + $(this).val());
    });

它工作得很好，除非第一个选定的选项有两个单词而不是一个(中间有空格)例如:“选项”工作正常，第二个列表填充，“选项二”不起作用，第二个列表为空。这是我的 getter.php 代码:

$choice = $_GET['choice'];

$sth = $db->prepare("SELECT code FROM sets WHERE name='$choice'");
$sth->execute();
$choicecode = $sth->fetchColumn();

Answer 1

放入查询字符串时需要对空格进行编码。 jQuery 可以为您做到这一点:

$("#first-choice").change(function() {
    $.get("getter.php", { choice: $(this).val() }, function(data) {
        $("#second-choice").html(data);
    });
});