如何通過javascript加載頁面？

Question

這里有一個商店列表，當用戶從下拉菜單中選擇一個商店時，他們應該轉到特定的URL。

這是JavaScript和HTML代碼，但這不起作用！ 問題是什么？

<script>
 function pageReady() {

    document.getElementById('store-id').onchange = function() { 
           var URL = "44805?id=57" 
           document.location = URL;

};

    document.getElementById('store-id').onchange();
}
</script>
<script src="/mcs/s/asset/34065/utils.js"></script>
<link rel="stylesheet" href="/mcs/s/file/54985/dialogs.css" media="screen" /> 
<script type="text/javascript" 
 src="http://maps.google.com/maps/api/js?sensor=true"></script>

Answer 1

在div上使用jQuery加載：

$('#myDiv').load('http://www.someurl.com');

但也許您想導航到一個URL。 如果使用按鈕，則可以執行以下操作：

$('#myButton').click(function(){
           var url = $('#store-id').val();
           document.location = url;
});

Answer 2

采用

$（'#Div'）.load（'http://www.google.com'）;

作為jquery函數在div中加載頁面。

Answer 3

想象一下這個選擇控件（下拉列表）：

<select id="store" name="store">
<option value="null"> --- </option>
   <option value="1"> Store #1 </option>
   <option value="2"> Store #2 </option>
   <option value="3"> Store #3 </option>
</select>

現在，您只需要jQuery中的以下代碼即可將您的用戶導航到新頁面。

$(document).ready(function(){
   $('#store').change(function(e) {
      var target = $('#store').val();
      if (target != 'null') window.location = 'something.php?id='+target;
   });
});

當用戶更改您的下拉列表時，他/她將通過您從控件中選擇的位置導航到新頁面。