如何格式化下拉列表以根据第一个下拉列表仅使用选定的答案

发布于 2024-12-10 13:54:35 字数 1247 浏览 1 评论 0原文

http://whodateswhere.com/auto/ 这是我正在建立的网站。显示位置：
品牌：
型号：
我想知道，选择第一个之后，如何让第二个下拉列表知道它将来自该品牌？

这是代码：

<script type="text/javascript">
$(function(){
    $.get('makes_models.php', function(data){
       $('#ajax_make_select').html( data ); 
    });

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#ajax_make_select').change(function(){
        $.get('models.php',{ make: $('ajax_make_select').val() }, function(data){
            $('#ajax_model_select').html( data ); 
        }); 
    }); 
}); 
</script>

make_models.php 的代码是：

<select>
<option value=999>Select a Make</option>
<option value=1>Acura</option>
<option value=2>Audi</option>
<option value=3>BMW</option>
</select>

我将如何编码第二个文件？ “模型.php”
如果选择讴歌，我希望它显示

<option value=1>MDX</option>
<option value=2>RDX</option>
<option value=3>RL</option>
<option value=4>TL</option>
<option value=5>TSX</option>
<option value=6>ZDX</option>

原文

http://whodateswhere.com/auto/
This is my site I'm building.
Where it shows:
Make:
Model:
I'd like to know, after the first is chosen, how do I let the second drop down know it will be from that make?

Here is the code:

<script type="text/javascript">
$(function(){
    $.get('makes_models.php', function(data){
       $('#ajax_make_select').html( data ); 
    });

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#ajax_make_select').change(function(){
        $.get('models.php',{ make: $('ajax_make_select').val() }, function(data){
            $('#ajax_model_select').html( data ); 
        }); 
    }); 
}); 
</script>

with the makes_models.php code is:

<select>
<option value=999>Select a Make</option>
<option value=1>Acura</option>
<option value=2>Audi</option>
<option value=3>BMW</option>
</select>

How would I go about coding the second file? "models.php"

if Acura is chosen, I would like it to display

<option value=1>MDX</option>
<option value=2>RDX</option>
<option value=3>RL</option>
<option value=4>TL</option>
<option value=5>TSX</option>
<option value=6>ZDX</option>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冷月断魂刀 2024-12-17 13:54:35

我建议您查看我的回答。

http://jsfiddle.net/tBrXt/2/

回应您如何编码第二个文件，使用 switch/case陈述：

<?php
    switch($_GET['make']) {
        case "acura":
            echo json_encode(array("MDX","RDX","RL","TL","TSX","ZDX"));
            return;
        case "ford":
            echo json_encode(array('f150','mustang','etc'));
            return;
    } 
?>

I suggest you check out my answer here.

http://jsfiddle.net/tBrXt/2/

In response to how you would code the second file, use the switch/case statement:

<?php
    switch($_GET['make']) {
        case "acura":
            echo json_encode(array("MDX","RDX","RL","TL","TSX","ZDX"));
            return;
        case "ford":
            echo json_encode(array('f150','mustang','etc'));
            return;
    } 
?>

回复收藏 0 原文

~没有更多了~