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，它使用Simple 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;
?>

根据选择的菜单值显示来自不同网站的内容

1 个答案: