Javascript 3个jQuery脚本在HTML页面中无法协同工作
我有一个带有3个jQuery脚本的HTML代码,它们不能正常工作。有人能帮我解决这个问题吗 我没有解决这个问题的经验,因为我在jQuery方面没有任何经验 我如何解决这个问题 它现在可以工作了,但一次只有一个下拉菜单。我如何才能让它们一起工作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=$
(函数(){
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错误或类似的错误?重复。看起来你今天已经发布了两次你的问题,你应该在回顾了两个问题的答案后删除其中一个