我的视图页面中有3个下拉列表。 @ HTML.Dropdownlistfor()。我的下拉项目在数据库中。
The dropdown items are :
id name
0 SELECT
1 A
2 B
3 C
我的要求是:
1)当我的第一个下拉选择值为(A)时,则仅显示第二个和第三个下拉菜单(SELECT,B,C)。
2)现在我的第一个下拉列表将选择值(A)更改为(SELECT),然后是第二个下拉列表((SELECT,A,B,C)。
如何实现这一概念。
答案 0 :(得分:1)
您需要什么,只需在第一个下拉列表中绑定UIKeyboardTypeEmailAddress
事件并检查条件是否值不是选择然后隐藏第二个下拉列表中的特定项目,否则显示第二个下拉列表中的所有隐藏选项。
change
$('#dd1').change(function() { // change event bound on first dropdown
var index = $(this).find(':selected').index(); // get the index here
if (this.value !== 'select') { // check if the value is not 'select'
$('#dd2').find('option:hidden').show();
$('#dd2').find('option:eq('+index+')').hide();
// get the selected option index and hide it.
} else {
$('#dd2').find('option:hidden').show();
// if the value is select then show the hidden option.
}
});