Javascript 从第一页下拉列表在第二页显示图像 功能fctCheck（性别）{ var elems=document.getElementsByName（“子选择器”）； 对于（变量i=0；i

我有一个代码，允许用户选择衬衫的颜色和样式这是所有在第一页。我想要的是，假设用户从下拉菜单中选择一件红色短袖衬衫，我希望能够在第二页显示红色衬衫的图像。我如何做到这一点而不必经历大量的代码更改

选择性别
男人
韦曼
姑娘们
男孩




选择一个项目
T恤
长袖
罐顶
全拉链风帽
拉盖
全拉链羊毛
羊毛
短袖
短裤
T恤衫

请同时包含js代码，这是我的图像在第一页上显示的js（正面图像衬衫）我想在第二页上显示相同颜色的衬衫，但如果你不想看太多代码，建议使用ajax。我在考虑javascript，但我不知道从何处开始单击下拉更改上的颜色代码并将其存储在本地存储器（HTML5）上。然后在第二页上访问本地存储。开始编码。如果您被卡住了，请向我们显示您的代码。

 <script>
function fctCheck(gender) {
  var elems = document.getElementsByName("subselector");
  for (var i = 0; i < elems.length; i++) {
    elems.item(i).style.display = "none";
  }
  document.getElementById(gender).style.display = "block";
}


$('#men').on('change', function() {
  $("#mtsm").css('display', (this.value == 'tsm') ? 'block' : 'none');
});



$(document).ready(function() {
  $('.colore.active').each(function() {
    $('.container ').css('background-image', 'url(' + $(this).data("image") + ')');
  });
  $('.colore').on('click', function() {
    $('.container').css('src', '');
    $('.container ').css('background-image', 'url(' + $(this).data("image") + ')');
    $('.container7').css('background-image', 'url(' + $(this).data("image-back") + ')');
  });
  $('#toggler').click(function() {
    var tmp = $('.container').css('background-image');
    $('.container').css('background-image', $('.container7').css('background-image'));

    $('.container7').css('background-image', tmp);
  });
});
</script>