Javascript 更改选择列表时更新图像

我创建了一个选择列表，并添加了一些国家。当游客选择一个国家时，它的地图就会出现

问题是当我完成时，我发现javascript代码不工作！当我像这样使用“setinterval”时，它会起作用：

var ThisInterval = setInterval('maketime()',0);
 function maketime(){
  var Cvalue = $('#Country').val(); // ID for select menu
   $('#Country').click(function(){
    if(Cvalue == "USA"){
     $("#Countrymap").attr('src',"images/maps/USA.jpg");
  }
 }
 )};

---

我们不必把所有国家都放在这里，现在这个代码会让浏览速度变慢吗？或者我可以用它？如果我不能，那么哪种方式最好？

这就是您所需要的全部javascript。没有别的，没有间隔，什么都没有

$(document).ready(function () {
    $('#Country').change(function(){
        var Cvalue = $('#Country').val();
        if(Cvalue == "USA"){
            $("#Countrymap").attr('src',"images/maps/USA.jpg");
        }
    });
});

---

如果图像名称与select值匹配，则根本不需要If/else链，只需使用以下命令：

var Cvalue = $('#Country').val();
$("#Countrymap").attr('src',"images/maps/" + Cvalue + ".jpg");

---

（显然仍然在更改事件中）

没有替换像这样使用设置间隔是没有意义的。如果没有更多的上下文，我们无法解释为什么没有它代码就不能工作（尽管我有我的怀疑）。你需要提供一份证明问题的报告。你的问题不清楚。“游客选择一个国家”是什么意思？这是一个按钮点击？“不行”是什么意思？看，我的问题很清楚。当访问者从选择列表中选择一个国家时，id为“Countrymap”的div将带来所选国家的地图。如果没有setInterval，我的代码就无法工作，这就是我的问题先生，您真是太棒了，非常感谢：）@musefan