首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >根据第一选择框选项填充第二选择框

根据第一选择框选项填充第二选择框
EN

Stack Overflow用户
提问于 2013-06-12 17:59:22
回答 2查看 4.3K关注 0票数 2

我有这个select,我们称它为"X",它通过SELECT从数据库中选择汽车品牌。

代码语言:javascript
运行
复制
<select name="X">
<?php
$row = mysqli_query("SELECT * FROM brands");
while($row2 = mysqli_fetch_array($row))
echo '<option value="' . $row2['brandID'] . '">' . $row2['brandName'] . '</option>
?>
</select>

现在我必须填充第二个select,称为"Y",其中包含所选品牌的具体型号。

例如,如果在第一个选择框(X)中选择的选项是奥迪,我应该在第二个选择框(Y)中选择以下选项: A4,A6,TT,TTs

手动填充第二个选择框很简单,基本上与第一个选择框相同,只是使用不同的SQL请求。

代码语言:javascript
运行
复制
$row = mysqli_query("SELECT modelName from modele WHERE brandName = '$brand'");

其中,$brand的值取决于第一个select的选择。

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-12 18:35:48

代码语言:javascript
运行
复制
Put an id in your <select name="X"> code like <select name="X" id ="X">

Put another select like <select name="Y" id="Y">. Which will be blank.

put this jquery in your page.

$("X").on("change",function(){
    var x_value=$("X").val();
    $.ajax({
        url:'ajax.php',
        data:{brand:x_value},
        type: 'post',
        success : function(resp){
            $("#Y").html(resp);               
        },
        error : function(resp){}
    });
});

in your ajax.php add the query.

<?php
$row = mysqli_query("SELECT modelName from modele WHERE brandName =".$_POST['brand']);
while($row2 = mysqli_fetch_array($row))
    echo '<option value="' . $row2['modelId'] . '">' . $row2['modelName'] . '</option>
?>

希望它能起作用。如果你需要什么,请告诉我。

票数 8
EN

Stack Overflow用户

发布于 2013-06-12 18:09:50

同时使用ajax和on change event,

方法: 1-构建一个页面,你可以在其中发布你的查询。2-该页面应对查询做出反应,并发送带有所需选项列表的响应。示例:

代码语言:javascript
运行
复制
if ($_POST["vehicle"] == car) // send response with array of car names as json obj for example
else // send response with array of motorbikes names

您的ajax应该收到它,并在完成时填充该字段。

如果你需要更多细节,我很乐意提供

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17062648

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档