如何显示基于其他下拉菜单选择的下拉菜单选择的值? [英] How to display a dropdown select based on the value of other dropdown select?
本文介绍了如何显示基于其他下拉菜单选择的下拉菜单选择的值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
假设我有一个下拉选择选项,如下所示:
Suppose I have a dropdown select option like below:
<form>
<select name="option" >
<option value="">Select a Value:</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</form>
任何用户选择选项1时,我要立即显示以下下拉菜单选择
When any user Selects the Option 1 I want to display the following dropdown select beside it instantly
<select name="name" >
<option value="">Select a person:</option>
<option value="john">john</option>
<option value="Micheal">Micheal</option>
</select>
或者,如果有任何用户选择选项2,我想立即显示以下下拉菜单选择
Or, if any user Selects the Option 2 I want to display the following dropdown select beside it instantly
<select name="class" >
<option value="">Select a person:</option>
<option value="Class 1">Class 1</option>
<option value="Class 2">Class 2</option>
</select>
请您告诉我该怎么做? 我正在使用Codeigniter.
Would you please kindly show me how to do this? I am using Codeigniter.
推荐答案
$('select[name="option"]').change(function(){
$('.hidden').hide();
if(this.value == 1){
$('select[name="name"]').toggle();
}
else if(this.value == 2){
$('select[name="class"]').toggle();
}
});
提琴: http://jsfiddle.net/maniator/Z6Upj/
这篇关于如何显示基于其他下拉菜单选择的下拉菜单选择的值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文