我有依赖的下拉框,如下面的场景所示.任何人都可以建议如何使用JQuery / Javascript实现结果？
场景：
HH1:
编辑：对不起,我忘了提到通过javascript(for循环)填充选项.我只需要知道如何根据HH1选择值使HH2动态化.
如果用户在选项HH1(小时)中选择3,我想在HH2中仅显示3-0(其中0是24小时)选项.我不想看1-2.
基本上,HH2依赖于HH1中的选定值 – 这在JavaScript中是否可行？如果可能的话,请你告诉我怎么样？
最佳答案
var drop2 = $("select[name=drop2] option"); // the collection of initial options
$("select[name=drop1]").change(function(){
var drop1selected = parseInt(this.value); //get drop1 's selected value
$("select[name=drop2]")
.html(drop2) //reset dropdown list
.find('option').filter(function(){
return parseInt(this.value) < drop1selected; //get all option with value < drop1's selected value
}).remove(); // remove
});
