Question

我已经创建了一个选择列表，我添加了一些国家/地区。当访问者选择一个国家时，它的地图就会出现。

问题是我完成后发现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");
  }
 }
 )};

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

Answer 1

这是您需要的所有JavaScript。没有别的，没有间隔，什么都没有！

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

如果您的图片名称与您的选择值匹配，那么您根本不需要if / else链，只需使用：

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

（显然仍在改变事件中）

选择列表更改后更新图像

1 个答案: