javascript - Jquery 相关选择

标签 javascript ajax jquery jquery-plugins

我正在尝试使用此脚本制作 7 个相关的选择框:https://github.com/tukutela/jquery-related-selects ,

这里是镜头:http://vitrineonline.com/porra/

所以,问题是:在3 select上,脚本停止向上推脚本。 有人可以告诉我发生了什么事吗?谢谢:)

代码:

<form id="example">
<ul>
<li><label>Produto</label>
    <select name="categoriaID">

    <option value="AC">Acessórios</option>
    <option value="CA">Calçados</option>
    <option value="RO">Roupas</option>
    </select></li>
    </ul>

    <ul>
    <li><label>Tipo</label> 
    <select name="tipoID">
    <option value="">Escolha &raquo;</option>

    </select></li>
    </ul>

    <ul>
<li><label>Condição</label> 
    <select name="condicaoID">
    <option value="">Escolha  &raquo;</option>

    </select></li>
    </ul>

    <ul>
<li><label>Tamanho</label>
    <select name="tamanhoID">
    <option value="">Escolha  &raquo;</option>

    </select></li>
    </ul>

    <ul>
    <li><label>Tamanho Disponível</label>   
    <select name="tamanho_dispoID">
    <option  value="">Escolha  &raquo;</option>

    </select></li>
    </ul>

    <ul>
    <li><label>Cor</label>  
    <select name="corID">
    <option value="">Escolha  &raquo;</option>

    </select></li>
    </ul>

    <ul>
    <li><label>Material</label> 
    <select name="materialID">
    <option value="">Escolha  &raquo;</option>

    </select></li>
    </ul>

</form>





$(function(){



    $("#example").relatedSelects({
        onChangeLoad: 'datasupplier.php',
        loadingMessage: 'Please wait',
        selects: ['categoriaID','tipoID','condicaoID','tamanhoID','tamanho_dispoID',    'corID','materialID']
    });



});
<小时/>
<?php 




$categoriaID = $_GET['categoriaID'];
$tipoID = $_GET['tipoID'];
$condicaoID = $_GET['condicaoID'];
$tamanhoID = $_GET['tamanhoID'];
$tamanho_dispoID = $_GET['tamanho_dispoID'];
$corID = $_GET['corID'];
$materialID = $_GET['materialID'];


$categoria = array();
$categoria['AC'] = "Acessórios";
$categoria['CA'] = "Calçados";
$categoria['RO'] = "Roupas";


$tipo = array();
$tipo['AC']['BOL'] = 'Bolsa';
$tipo['AC']['BRIN'] = 'Brinco';
$tipo['CA']['TEN'] = 'Tenis';
$tipo['RO']['CAM'] = 'Camisa';

$condicao = array();
$condicao['AC']['BOL']['NOV'] = "Novo";
$condicao['AC']['BOL']['USA'] = "Usado";
$condicao['CA']['TEN']['USA'] = "Usado";
$condicao['RO']['CAM']['NOV'] = "Novo";





$tamanho = array();
$tamanho['AC']['BOL']['NOV']['GRAN'] = 'Grande';
$tamanho['AC']['BOL']['USA']['PEQ'] = 'Pequeno';



$tamanho_dispo = array();
$tamanho_dispo['AC']['BOL']['NOV']['PEQ']['P']= "P";
$tamanho_dispo['AC']['BOL']['USA']['PEQ']['M']= 'M';


$cor = array();
$cor['AC']['BOL']['NOV']['PEQ']['M'] ['AZ']= 'Azul';
$cor['AC']['BOL']['USA']['PEQ']['M'] ['VE']= 'Vermelho';


$material = array();
$material['AC']['BOL']['NOV']['PEQ']['M'] ['VE'] ['ALG'] = "Algodão";
$material['AC']['BOL']['USA']['PEQ']['M'] ['VE'] ['FER']= "Ferro";






if($categoriaID && !$tipoID && !$condicaoID && !$tamanhoID && !$tamanho_dispoID && !$corID && !$materialID ){


    echo json_encode( $tipo[$categoriaID] );

    } 

    elseif( $categoriaID && $tipoID && !$condicaoID && !$tamanhoID && !$tamanho_dispoID && !$corID && !$materialID  ) {


    echo json_encode( $condicao[$tipoID][$categoriaID] );

} 





else {
    echo '{}';
}




?>

最佳答案

$condicao[$tifoID][$categorizeD]

应该是

$condicao[$categorizeD][$tifoID]

关于javascript - Jquery 相关选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7591850/

相关文章:

javascript - 嵌套函数 Javascript

javascript - 将客户端生成的数据分块保存为 JavaScript 中的文件

javascript - HTML/JavaScript : Overwrite file every time it downloads

javascript - 隐藏 Ajax Div 并显示 Loader Div,直到返回数据

javascript - 数据表行单击事件不起作用

JavaScript:在 hashchange 上按名称调用函数

javascript - HTML5 中的旋转轮图像(例如,轮盘)?

javascript - Ajax 表单验证和提交

javascript - 通过一系列按钮点击显示图像

javascript - 如何获取图像的实际宽度和高度