Javascript 3个jQuery脚本在HTML页面中无法协同工作

Javascript 3个jQuery脚本在HTML页面中无法协同工作,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有3个jQuery脚本的HTML代码,它们不能正常工作。有人能帮我解决这个问题吗 我没有解决这个问题的经验,因为我在jQuery方面没有任何经验 我如何解决这个问题 它现在可以工作了,但一次只有一个下拉菜单。我如何才能让它们一起工作 (函数(){ var options=$(“#DropDownList2”).html(); $(#DropDownList2:not([value^=“Fac”])。删除(); $('input:radio')。更改(函数(e){ var text=$

我有一个带有3个jQuery脚本的HTML代码,它们不能正常工作。有人能帮我解决这个问题吗

我没有解决这个问题的经验,因为我在jQuery方面没有任何经验

我如何解决这个问题

它现在可以工作了,但一次只有一个下拉菜单。我如何才能让它们一起工作

(函数(){
var options=$(“#DropDownList2”).html();
$(#DropDownList2:not([value^=“Fac”])。删除();
$('input:radio')。更改(函数(e){
var text=$(this.val();
$(“#DropDownList2”).html(选项);
$(“#DropDownList2:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();
(功能(){
var options=$(“#DropDownList3”).html();
$('DropDownList3:not([value^=“Dip”])。删除();
$('input:radio')。更改(函数(e){
var text=$(this.val();
$(“#DropDownList3”).html(可选);
$(“#DropDownList3:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();
(功能(){
var options=$(“#DropDownList4”).html();
$('DropDownList4:not([value^=“Dr”])。删除();
$('input:radio')。更改(函数(e){
var text=$(this.val();
$(“#DropDownList4”).html(选项);
$(“#DropDownList4:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();

可供选择的餐厅:

汉堡: 汉堡车库 哈迪斯 汉堡工厂&更多
涡轮鸡 双涡轮鸡 车库汉堡 鸡肉馅 烤鸡片 墨西哥胡椒鸡 原味汉堡 双涡轮鸡 舒瓦汉堡
甜点: 浸 骆驼饼干 拉文娜·库纳法
布朗尼绉纱 费图辛绉 奶油粉扑金字塔 布朗尼方丹 荷花煎饼 骆驼熔岩 巧克力科纳法 科纳法奶酪马布罗马酒店 科纳法乳酪
饮料: 沙克博士 果汁实验室 一段时间 沙克博士 果汁实验室 一段时间
加压奶昔 温度计奶昔 健脑奶昔 G实验室 夏季维姆托 夏日泡泡糖 荷尔蒙快乐 国王 浆果烟雾
这里的问题是,单选按钮更改事件彼此重叠,因此它们没有作用域—它们只是相互覆盖,请参见下面的更改,其中单选输入现在包装在一个容器中,每个事件的作用域是分开的

值得注意的是,使用下拉列表和单选按钮集的每个部分的作用域,您可以将代码重构为单个函数,从而可以处理所有事件

(函数(){
var options=$(“#DropDownList2”).html();
$(#DropDownList2:not([value^=“Fac”])。删除();
$('.group1输入:radio').change(函数(e){
var text=$(this.val();
$(“#DropDownList2”).html(选项);
$(“#DropDownList2:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();
(功能(){
var options=$(“#DropDownList3”).html();
$('DropDownList3:not([value^=“Dip”])。删除();
$('.group2输入:radio')。更改(函数(e){
var text=$(this.val();
$(“#DropDownList3”).html(可选);
$(“#DropDownList3:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();
(功能(){
var options=$(“#DropDownList4”).html();
$('DropDownList4:not([value^=“Dr”])。删除();
$('.group3输入:radio')。更改(函数(e){
var text=$(this.val();
$(“#DropDownList4”).html(选项);
$(“#DropDownList4:not([value^=“”+text.substr(0,3)+“”)).remove();
});
})();

可供选择的餐厅:

汉堡: 汉堡车库 哈迪斯 汉堡工厂&更多
涡轮鸡 双涡轮鸡 车库汉堡 鸡肉馅 烤鸡片 墨西哥胡椒鸡 原味汉堡 双涡轮鸡 舒瓦汉堡
甜点: 浸 骆驼饼干 拉文娜·库纳法
布朗尼绉纱 费图辛绉 奶油粉扑金字塔 布朗尼方丹 荷花煎饼 骆驼熔岩 巧克力科纳法 科纳法奶酪马布罗马酒店 科纳法乳酪
饮料: 沙克博士 果汁实验室 一段时间 沙克博士 果汁实验室 一段时间
加压奶昔 温度计奶昔 健脑奶昔 G实验室 夏季维姆托 夏日泡泡糖 荷尔蒙快乐 国王 浆果烟雾
您需要进一步扩展“如何让它们协同工作”,您的意思是什么?什么不起作用?我不明白。是否有javascript错误或类似的错误?重复。看起来你今天已经发布了两次你的问题,你应该在回顾了两个问题的答案后删除其中一个