Php 使用Jquery获取要在多选择框的onchange中选择的值

在更改其他

标记值时，尝试将值获取到

。我有两个下拉列表称为车辆类型和零件类型。当选择车辆类型和零件类型需要更改零件名称下拉列表时，我想做什么。这与车辆类型和部件类型组合不同。所以我写了下面的代码。有人能帮我找出这段代码的错误吗。我是jquery的新手

我的html

<div>
                    <label>Vehicle Type</label>
                    <label>
                        <select name="vehicle_type" id="vehicle_type" required>
                          <option value='' disabled selected style='display:none;'>Select Vehicle</option>
                          <option value="Car">Car</option>
                          <option value="Van">Van</option>
                          <option value="SUV/4WD">SUV/4WD/CAB</option>
                          <option value="Truck">Truck</option>
                        </select>
                    </label>
                </div>
                <div>
                    <label>Part Type</label>
                    <label>
                        <select name="part_type" id="part_type" required>
                            <option value='' disabled selected style='display:none;'>Select Part Type</option>
                            <option value="Engine">Engine</option>
                            <option value="Body">Body</option>
                        </select>
                    </label>
                </div>
                <div>
                    <label>Part Name</label>
                    <label>
                        <select name="part_name" id="part_name" required>
                            <option value='' disabled selected style='display:none;'>Select Part Name</option>
                        </select>
                    </label>
                </div>

#dropdown.js
function setSelect(vehicle_type, part_type){
$.post("dropdown.php",{"vehicle_type":vehicle_type, "part_type":part_type},function(data){
    $("#part_name").html(data);
});
}

$(document).ready(function(){

$("#vehicle_type").live('change', function(){
    var vehicle = $(this+"option:selected").val();
});

$("#part_type").live('change', function(){
    var part = $(this+"option:selected").val();     
});

setSelect($("#vehicle_type option:selected").val(), $("#part_type option:selected").val());
});

车型
选择车辆
汽车
厢式货车
SUV/4WD/驾驶室
卡车
零件类型
选择零件类型
引擎
身体
零件名称
选择零件名称
#dropdown.js
功能设置选择（车辆类型、零件类型）{
$.post（“dropdown.php”，{“vehicle_type”：vehicle_type，“part_type”：part_type}，函数（数据）{
$（“#part_name”）.html（数据）；
});
}
$（文档）.ready（函数（）{
$（“#车辆类型”）.live（'change'，function（）{
var vehicle=$（此+“选项：已选定”）.val（）；
});
$（“#part_type”）.live（'change'，function（）{
var part=$（此+“选项：已选定”）.val（）；
});
setSelect（$（“#车辆类型选项：选中”）.val（），$（“#零件类型选项：选中”）.val（）；
});

我的dropdown.php

<?php
if(isset($_POST['vehicle_type'])&&isset($_POST['part_type'])){

    $vehicle_type =$_POST['vehicle_type'];
    $part_type    =$_POST['part_type'];

    if(($vehicle_type=="Car")&&($part_type=="Engine")){
        $partname  = "<option value=\"Engine Head Block\">Engine Head Block</option>";
        $partname .= "<option value=\"Engine Complete W/O Gear Box\">Engine Complete W/O Gear Box</option>";
        $partname .= "<option value=\"Engine With A/T CVT Gear Box\">Engine With A/T CVT Gear Box</option>";
} elseif(($vehicle_type=="Car")&&($part_type=="Body")){
        $partname  = "<option value=\"Nose Pannel / Parts\">Nose Pannel / Parts</option>";
        $partname .= "<option value=\"Front Bumper With Fog Lamp L/R\">Front Bumper With Fog Lamp L/R</option>";
        $partname .= "<option value=\"Front Bumper Bracket Retainer L/R\">Front Bumper Bracket Retainer L/R</option>";
}

试试这个：

<?php
if(isset($_POST['vehicle_type'])&&isset($_POST['part_type'])){

$vehicle_type =$_POST['vehicle_type'];
$part_type    =$_POST['part_type'];

if(($vehicle_type=="Car")&&($part_type=="Engine")){
    $partname  = "<option value=\"Engine Head Block\">Engine Head Block</option>";
    $partname .= "<option value=\"Engine Complete W/O Gear Box\">Engine Complete W/O Gear Box</option>";
    $partname .= "<option value=\"Engine With A/T CVT Gear Box\">Engine With A/T CVT Gear Box</option>";
 } elseif(($vehicle_type=="Car")&&($part_type=="Body")){
    $partname  = "<option value=\"Nose Pannel / Parts\">Nose Pannel / Parts</option>";
    $partname .= "<option value=\"Front Bumper With Fog Lamp L/R\">Front Bumper With Fog Lamp L/R</option>";
    $partname .= "<option value=\"Front Bumper Bracket Retainer L/R\">Front Bumper Bracket Retainer L/R</option>";
 }
 echo $partname;
}
?>



不需要更改HTMLs。只需将JS更改为

<script type="text/javascript">

function setSelect(vehicle_type, part_type){
//alert(vehicle_type+part_type);
 $.post("dropdown.php",{"vehicle_type":vehicle_type, "part_type":part_type},function(data){
  $("#part_name").html(data);

 });
 }

 $(document).ready(function(){

 $("#vehicle_type").change(function(){
var vehicle = $("option:selected",this).val();

 });

 $("#part_type").change(function(){
 var part = $("option:selected",this).val();   
 setSelect($("#vehicle_type option:selected").val(), $("#part_type option:selected").val());
 });


  });
</script>


功能设置选择（车辆类型、零件类型）{
//警报（车辆类型+零件类型）；
$.post（“dropdown.php”，{“vehicle_type”：vehicle_type，“part_type”：part_type}，函数（数据）{
$（“#part_name”）.html（数据）；
});
}
$（文档）.ready（函数（）{
$（“#车辆类型”）。更改（功能（）{
var vehicle=$（“选项：选中”，this）.val（）；
});
$（“#零件类型”）。更改（函数（）{
var part=$（“选项：selected”，this）.val（）；
setSelect（$（“#车辆类型选项：选中”）.val（），$（“#零件类型选项：选中”）.val（）；
});
});
试试这个：

<?php
if(isset($_POST['vehicle_type'])&&isset($_POST['part_type'])){

$vehicle_type =$_POST['vehicle_type'];
$part_type    =$_POST['part_type'];

if(($vehicle_type=="Car")&&($part_type=="Engine")){
    $partname  = "<option value=\"Engine Head Block\">Engine Head Block</option>";
    $partname .= "<option value=\"Engine Complete W/O Gear Box\">Engine Complete W/O Gear Box</option>";
    $partname .= "<option value=\"Engine With A/T CVT Gear Box\">Engine With A/T CVT Gear Box</option>";
 } elseif(($vehicle_type=="Car")&&($part_type=="Body")){
    $partname  = "<option value=\"Nose Pannel / Parts\">Nose Pannel / Parts</option>";
    $partname .= "<option value=\"Front Bumper With Fog Lamp L/R\">Front Bumper With Fog Lamp L/R</option>";
    $partname .= "<option value=\"Front Bumper Bracket Retainer L/R\">Front Bumper Bracket Retainer L/R</option>";
 }
 echo $partname;
}
?>



不需要更改HTMLs。只需将JS更改为

<script type="text/javascript">

function setSelect(vehicle_type, part_type){
//alert(vehicle_type+part_type);
 $.post("dropdown.php",{"vehicle_type":vehicle_type, "part_type":part_type},function(data){
  $("#part_name").html(data);

 });
 }

 $(document).ready(function(){

 $("#vehicle_type").change(function(){
var vehicle = $("option:selected",this).val();

 });

 $("#part_type").change(function(){
 var part = $("option:selected",this).val();   
 setSelect($("#vehicle_type option:selected").val(), $("#part_type option:selected").val());
 });


  });
</script>


功能设置选择（车辆类型、零件类型）{
//警报（车辆类型+零件类型）；
$.post（“dropdown.php”，{“vehicle_type”：vehicle_type，“part_type”：part_type}，函数（数据）{
$（“#part_name”）.html（数据）；
});
}
$（文档）.ready（函数（）{
$（“#车辆类型”）。更改（功能（）{
var vehicle=$（“选项：选中”，this）.val（）；
});
$（“#零件类型”）。更改（函数（）{
var part=$（“选项：selected”，this）.val（）；
setSelect（$（“#车辆类型选项：选中”）.val（），$（“#零件类型选项：选中”）.val（）；
});
});