在下拉列表中显示多个DIVS选择更改

友

我有一个下拉选择值即

 
 Test flow1 Test flow2 
  

现在基于上面选择的下拉选项，我有

 :   
Content 1
 
Content 2
 
 

和

 :   
Content 3
 
Content 4 

现在基于下拉选项即测试流程1我想显示div id“option1”和“option3”，并且在选择testflow2时，我想显示div id =“option2”和“option4”

要实现上面我的JQuery代码是

 $(document).ready(function () { $('.box').hide(); $('#option1').show(); $('#option2').show(); $('#selectField').change(function () { $('.box').hide(); $('#'+$(this).val()).show(); }); }); 

但它没有按预期工作，请建议适当的更改，

非常感谢

Answer 1

 $(document).ready(function () { $('.box').hide(); $('#option1').show(); $('#option2').show(); $('#selectField').change(function () { $('.box').hide(); var option = $(this).val(); $('#'+option).show(); $('#'+(option=="option1" ? "option3" : "option4")).show(); }); }); 

jsFiddle示例