Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何基于上一个下拉选择值填充下拉列表_Javascript_Html_Jquery - Fatal编程技术网

Javascript 如何基于上一个下拉选择值填充下拉列表

Javascript 如何基于上一个下拉选择值填充下拉列表,javascript,html,jquery,Javascript,Html,Jquery,在更新数据时遇到一些问题,我有两个下拉列表,使用引导选择选择器,我需要根据第一个下拉列表更新第二个下拉列表,但失败。请提供帮助 发布小提琴链接 $('.selectpicker').on('changed.bs.select',函数(e){ if($(this.attr('name')==“name2”){ $(“.selectpicker[name='name1']”)val(); } 否则{ $(“.selectpicker[name='name2']”).val(); } }); 水

在更新数据时遇到一些问题,我有两个下拉列表,使用引导选择选择器,我需要根据第一个下拉列表更新第二个下拉列表,但失败。请提供帮助 发布小提琴链接

$('.selectpicker').on('changed.bs.select',函数(e){
if($(this.attr('name')==“name2”){
$(“.selectpicker[name='name1']”)val();
}
否则{
$(“.selectpicker[name='name2']”).val();
}
});

水果
动物
芒果
苹果
狗
猫

您可以在选择框中使用
更改
事件。在此内部,使用
$(this.val()
获取所选选项的值,这将返回您的
数组
,因此使用for循环遍历值并在第二个下拉列表中显示值匹配的选项。最后刷新选择器以更新更改

演示代码

$('id1')。关于('change',函数(e){
var值=$(this.val()
$(“#id2选项”).hide()//隐藏所有选项
$('#id2')。如果要删除所有选择的选项,请选择Picker('DeceleAll')/
如果(value.length>0){
对于(变量i=0;i

水果
动物
芒果
苹果
狗
猫

请将您的代码发布在问题中,而不是作为可能过时的外部文件参考。我认为您需要的是级联下拉列表。看看这个链接,它可能会解决你的问题。这里也回答了一个类似的问题:不工作,我试过了