如何限制表单字段中的输入选项,在其他字段中值的函数中(php mySQL)

how to restrict input options in form field, in function of value in other field (php mySQL)

提问人:Bart Roels 提问时间:3/19/2023 更新时间:3/19/2023 访问量:42

问:

我有一个简单的html表单。您可以在字段 1 中选择国家/地区,在字段 2 中选择城市。但是,字段 2 中的城市只能是该国的城市...... 因此,一旦第一个字段具有值,例如比利时,就必须限制城市列表。国家和城市都在数据库中,这没问题。但是,如何在不提交表单的情况下引用第一个字段的内容?

<form action="/index.php" method="post">
    <select id="country" name="country">
        <option>Country</option>
        <option value="Belgium">Belgium</option>
        <option value="Germany">Germany</option>
        <option value="The Netherlands">The Netherlands</option>
    </select>
    <br>

    <select id="city" name="city">
        <option>City</option>
        <option value="Cologne">Cologne</option>
        <option value="Berlin">Berlin</option>
        <option value="Amsterdam">Amsterdam</option>
        <option value="Antwerp">Antwerp</option>
        <option value="Brussels">Brussels</option>
        <option value="Rotterdam">Rotterdam</option>    
        <option value="Breda">Breda</option>           
        <option value="Utrecht">Utrecht</option>     
    </select>

    <input style="margin-bottom: 15px;" type="submit" value="Search!">
</form>

我尝试了 $_GET['country'],但它总是返回 NULL......

PHP HTML 表单 输入

评论

1赞 Cid 3/19/2023
当您选择第一个元素中的元素时,您可以执行 ajax 调用,以便您可以从数据库中获取城市并填充第二个元素<select><select>
0赞 KIKO Software 3/19/2023
如果城市数量不多,则可以对每个国家/地区进行单独的选择,并使用 Javascipt 仅显示所选国家/地区的选择。这将比 AJAX 调用创建第二个选择的响应速度更快。
0赞 CBroe 3/20/2023
或者将一个类添加到第二个选择的选项中,以便您可以基于该类使用客户端 JS 过滤它们。

答: 暂无答案