2015-05-08 26 views
0

您好,我有一个选择标记,如果我从我的第一选择任何选项,单击我需要的。=====>我会得到他的属性,它在第二选择 我例子是我怎么能两个选择标签之间的连接

<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ĴJJ JJJ 如果我选择C++从第一选择我需要在选择2 C CC CCC 我认为它可以在jquerybut可以发生我不知道怎么会这样,

+1

你不会在PHP做这个。客户端jQuery是要走的路。 – Twisty

+0

是的,我知道,我写它必须在JQuery的,但我需要怎样的方式可以做到这一点在JQuery中 – badr

+0

开始的jsfiddle:http://jsfiddle.net/Twisty/xc4rs09m/ – Twisty

回答

2

鉴于你的例子,一个可能的输出是:

<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/

+0

非常感谢你 – badr

相关问题