根據選擇的菜單值顯示來自不同網站的內容

Question

我有很長的選擇菜單列表，我想根據他們選擇的選擇菜單項顯示來自不同網站的不同表格。我的JavaScript基礎上選擇值動態地改變DIV中的文本：

$(document).ready(function(){ 
$('select').on('change', function() { 
    $.each(new Array(+this.value), function(i) { 
     $('<div />', { 
      text : 'this is div '+(i+1) 

     }).appendTo('#result'); 
    }); 
}); 
    }); 

而且我有PHP中使用簡單的HTML DOM

<?php 
     include('simple_html_dom.php'); 

     // get DOM from URL or file 
     $html = file_get_html('http://www.generalconvention.org/gc/deputations?diocese_id=32'); 
     // Find all tables 
     foreach($html->find('table') as $element) 
     echo $element; 
?> 

，顯示來自不同網站上的表，但我想不出如何根據選擇菜單值更改網址，以及如何根據選擇值從網址顯示錶格而不創建大量的div。

Answer 1

可能是這樣的，其中diocese_id是當前選定選項的值。

$(document).ready(function(){ 
    $('select').on('change', function() { 
     $("#result").load("yourfile.php", {diocese_id:$(this).val()}); 
    }); 
}); 

在PHP端：

<?php 
     include('simple_html_dom.php'); 

     // get DOM from URL or file 
     $url = "http://www.generalconvention.org/gc/deputations?diocese_id=" . $_REQUEST['diocese_id']; 
     $html = file_get_html($url); 
     // Find all tables 
     foreach($html->find('table') as $element) 
     echo $element; 
?>