选择组合后重新加载div

Question

我有两个下拉列表（select，option）。如果我改变其中的一个，它应该立即显示不同的图像。

  <select id="1" class="selectpicker show-tick"> 
       <option value="70">70</option> 
       <option value="80">80</option> 
       <option value="90">90</option> 
      </select> 
      <select id="2" class="selectpicker show-tick"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
      </select> 

      <embed id="mapembed" src="http://xyz.com/80_1.svg"type="image/svg+xml"/> 

的Javascript

<script type="text/javascript"> // that the select works 
    window.onload=function(){ 
    $('.selectpicker').selectpicker(); 
    }; 
</script> 

<script type="text/javascript"> 
$('#1, #2').change(function(event) { 
    $('#mapshow').html("http://xyz.com/" + $('#1').val() + "_" + $('#2').val() + ".svg"); // to see if it works as text 
    $('#mapembed').src("http:/xyz.com/" + $('#1').val() + "_" + $('#2').val() + ".svg"); // does not reload! 
}); 
</script> 

如果我使用的.html它显示了正确的路径为每次点击（其他城市）后的文本输出。但是.src不会改变图像。

我使用jQuery，引导和自举选内document.ready

Answer 1

裹代码。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#1, #2, #3').change(function(event) { 
     $('#mapshow').html("http://xyz.com/" + $('#1').val() + "_" + $('#2').val() 
      + ".svg"); 
     $('#mapembed').attr('src',"http:/xyz.com/" + $('#1').val() + "_" + $('#2').val() 
      + ".svg"); 
    }); 
}); 
</script> 

，并与.attr('src',