使用javascript填充下一个选择选项

所以我有3个选择。品牌型号和零件。当用户单击某个品牌时，下一个选择选项应给出该品牌的型号。例如：

Kawasaki:
     -Curve
     -Boxer 150
     -CT100
     -Fury
Honda:
    -BeAT 110
    -Wave
    -CB110
    -TMX Supremo

Suzuki:
    -Nex 115
    -Thunder 125
    -Hayate 125 
    -Skydrive 125

Yamaha:
    -Mio 125
    -Mio Soul
    -Fino
    -Vega

我找到了一个可以填充下一个选择选项的脚本，我试图对其进行编辑以将模型放入其中，但脚本不起作用：

<script type="text/javascript">
$(function(){
    $("#Model").attr("disabled","true");
    $("#Brand").change(function(){
        if(this.value != ""){
          $('#Model').removeAttr('disabled');
           var brand = $("#Brand option:selected").text();
            document.getElementById("Model").options.length = 1;
            for(var i = 0; i < 10 ;i++){
                var selectOption = document.createElement("OPTION");
                selectOption.text = brand + " Model No." + i;
                document.getElementById('Model').appendChild(selectOption);
            } 
$("#Model").selectmenu("refresh","true");            
        }
        else{
            $("#Model").attr("disabled","true"); 
            $("#Model").val("");            
            $("#Model").selectmenu("refresh","true");      
        }
    });
})
</script>

$（函数（）{
$（“#Model”）.attr（“disabled”、“true”）；
$（“#品牌”）。更改（功能（）{
如果（this.value！=“”）{
$（“#Model”）.removeAttr（'disabled'）；
var brand=$（“#品牌选项：选定”）.text（）；
document.getElementById（“Model”）.options.length=1；
对于（变量i=0；i<10；i++）{
var selectOption=document.createElement（“选项”）；
选择Option.text=品牌+“型号”+i；
document.getElementById（'Model'）.appendChild（selectOption）；
} 
$（“#模型”）。选择菜单（“刷新”、“真”）；
}
否则{
$（“#Model”）.attr（“disabled”、“true”）；
$（“#模型”）.val（“”）；
$（“#模型”）。选择菜单（“刷新”、“真”）；
}
});
})

这是我的表格：

<table>
        <form style="position:absolute;left: 15%;top: 25%;" action="orderfilterbrand.php" method="post">
    <div class="stepsClass"><div id="mainselection">
    <h5>Choose Your Motorcycle Brand: </h5>

                <select id="Brand" name="Brand">
            <option value = "">Motorcycle Brand</option>
            <option value = "Kawasaki">Kawasaki</option>
            <option value = "Honda">Honda</option>
            <option value = "Suzuki">Suzuki</option>
            <option value = "Yamaha">Yamaha</option>
            </select>
                </div></div>
                  <div class="stepsClass"><div id="mainselection">
                    <h5>Choose Your Motorcycle Model: </h5>
            <select id="Model" name="Model">
                <option>Motorcycle Model</option>
            </select>
                      </div></div>
                    <div class="stepsClass">
                    <div id="mainselection">
                            <h5>Choose Your Motorcycle Exterior Part: </h5>
            <select id="Part" name="Part">
            <option>Select Motorcycle Part</option>
            <option>Muffler</option>
            <option>Side Mirror</option>
            <option>Windshield</option>
            <option>Rim</option>
            <option>Seat</option>
            <option>Handle Bar</option>
            </select>
            <td><button class="btn btn-primary btn-lg"  name="" type="submit">Search Part</button></td>
    </div></div>
</form>
        </table>

选择您的摩托车品牌：
摩托车品牌
川崎
本田
铃木
雅马哈
选择您的摩托车型号：
摩托车模型
选择您的摩托车外部零件：
选择摩托车零件
消声器
侧镜
挡风玻璃
边缘
座位
把手
搜索部分

---

如何将模型放入脚本中？Thnx预先：先生和夫人：）

创建一个可以使用值访问的地图，如下所示

var map = {
    Kawasaki: ['-Curve', '-Boxer 150', '-CT100', '-Fury'],
    Honda   : ['-BeAT 110', '-Wave', '-CB110', '-TMX Supremo'],
    Suzuki  : ['-Nex 115', '-Thunder 125', '-Hayate 125', '-Skydrive 125'],
    Yamaha  : ['-Mio 125', '-Mio Soul', '-Fino', '-Vega']
};

$(function () {
  $("#Model").prop("disabled", true);
  $("#Brand").change(function () {
      if (this.value in map) {
        $('#Model').prop('disabled', false).empty();
        var brands = map[this.value];

        $.each(brands, function() {
            $('#Model').append(
                $('<option />', {value : this, text : this})
            );
        });

        $("#Model").selectmenu("refresh", true);
    } else {
        $("#Model").prop("disabled", true).val("").selectmenu("refresh", true);
    }
  });
});

那么你可以像这样使用它

var map = {
    Kawasaki: ['-Curve', '-Boxer 150', '-CT100', '-Fury'],
    Honda   : ['-BeAT 110', '-Wave', '-CB110', '-TMX Supremo'],
    Suzuki  : ['-Nex 115', '-Thunder 125', '-Hayate 125', '-Skydrive 125'],
    Yamaha  : ['-Mio 125', '-Mio Soul', '-Fino', '-Vega']
};

$(function () {
  $("#Model").prop("disabled", true);
  $("#Brand").change(function () {
      if (this.value in map) {
        $('#Model').prop('disabled', false).empty();
        var brands = map[this.value];

        $.each(brands, function() {
            $('#Model').append(
                $('<option />', {value : this, text : this})
            );
        });

        $("#Model").selectmenu("refresh", true);
    } else {
        $("#Model").prop("disabled", true).val("").selectmenu("refresh", true);
    }
  });
});

$（函数（）{
$（“#Model”）.prop（“disabled”，true）；
$（“#品牌”）。更改（功能（）{
if（映射中的this.value）{
$（'#Model'）.prop（'disabled'，false）.empty（）；
var brands=map[this.value]；
$。每个（品牌、功能（）{
$（'#Model'）。追加(
$（''，{value:this，text:this}）
);
});
$（“#Model”）。选择菜单（“刷新”，true）；
}否则{
$（“#Model”）.prop（“disabled”，true）.val（“”）。选择菜单（“refresh”，true）；
}
});
});

---

先生，我怎样才能得到汽车品牌的价值，这样我就可以映射出该品牌的型号？在答案中也添加了这一点，先生，您把我保存在那里了。（y）