Javascript 使用不同的图像交换

Javascript 使用不同的图像交换,javascript,jquery,html,Javascript,Jquery,Html,我对JQuery非常陌生,在工作示例中似乎理解得更好。我想做一个你可以定制家具的系统。我有图像交换部分的代码,但它限制了我每页一个选项。有没有办法根据他们在第一个框中选择的内容隐藏下拉列表 有扶手 无臂 您可以通过选择单选按钮来选择是否显示扶手,然后根据单选值显示一组选项(带扶手/带扶手+无扶手) $(文档).ready(函数(){ var base=“”; var checkedVal=$(“#椅子”).find(“输入[name=arms]:选中”).val(); $(“输入[type

我对JQuery非常陌生,在工作示例中似乎理解得更好。我想做一个你可以定制家具的系统。我有图像交换部分的代码,但它限制了我每页一个选项。有没有办法根据他们在第一个框中选择的内容隐藏下拉列表


有扶手
无臂

您可以通过选择单选按钮来选择是否显示扶手,然后根据单选值显示一组选项(带扶手/带扶手+无扶手)

$(文档).ready(函数(){
var base=“”;
var checkedVal=$(“#椅子”).find(“输入[name=arms]:选中”).val();
$(“输入[type='radio']”)。更改(函数(){
var sel=$(“输入[name='arms']:选中”).val();
基数=”https://www.humanscale.com/ImagesConfig";
var baseext=“”;
如果(sel==“1”){
baseext=“/S111”;
}否则{
baseext=“/S110”;
}
$(“#颜色选项”)。删除()
$(“#颜色”).append('Navy')

$(“#colors”).append('您正在更改
$('#imageToSwap')的
src
在这两种情况下。如果您希望第二个下拉菜单更改另一个图像,请更改该选择器-
#imageToSwap
您的图像似乎已消失?没有问题:)乐意帮助!