javascript - 我如何在两个选择标签之间连接

Question

嗨，我有一个选择标签，如果我单击第一个选择中的任何选项，我需要。=====>我将在第二个选择中获取它的属性 我的例子是

<select  name="select" >
<?php
$a={java,c++,php,python}
for($i=0;$i<4;$i++)                                     
echo'<option value="'($i+1).'">'.$a[$i].' </option>';                                           
}?>                                         
</select>
<select  name="select2" >
<?php
$after={{'j','jj','jjj'},
            {'c','cc','ccc'},
                {'p','pp','ppp'},
                    {'y','yy','yyy'}};


for($i=0;$i<3;$i++)                                     
echo'<option value="'($i+1).'">'.$after[here the value of first select][$i].' </option>';                                           
}?>                                         
</select>

例如，现在如果我选择 java，我需要 select2 j jj jjj 如果我从第一个选择中选择了 c++，我需要在选择 2 c cc ccc 中 我认为这可能发生在 jquery 但我不知道它是怎么回事

Answer 1

根据您的示例，可能的输出是:

<select name="selectCode" >
    <option></option>
    <option value="1">java</option>
    <option value="2">c++</option>
    <option value="3">php</option>
    <option value="4">python</option>
</select>
<br />
<select  name="select2" style="display: none;">
</select>

您想要的 JQuery 是:

var after = {};
after[1] = {0:"j",1:"jj",2:"jjj"};
after[2] = {0:'c',1:'cc',2:'ccc'};
after[3] = {0:'p',1:'pp',2:'ppp'};
after[4] = {0:'y',1:'yy',2:'yyy'};

$(function(){
    $("select[name='selectCode']").on("change", function(){
        console.log("selectCode Changed: " + $(this).val());
        $("select[name='select2']").html("");
        for(var i = 0; i<3; i++){
            $("select[name='select2']").append("<option value='" + (i+1) + "'>" + after[$(this).val()][i] + "</option>").show();
        }
    });
});

jsFiddle 示例:http://jsfiddle.net/Twisty/xc4rs09m/