Question

我对Javascript和Jquery知之甚少，但我必须在HTML select标签上使用它。我有两个数据库表，grouptypes和组。 grouptype可以有多个组，但一个组只属于一个grouptype。我有两个选择标签，一个是grouptypes，另一个是group。我想要做的是，只要用户在grouptypes下拉菜单中选择一个grouptype，它就会触发一个处理程序来检索属于该grouptype的相应组。我需要javascript或Jquery才能完成它，但我自己无法编写它。所以任何人都可以帮助我？我很欣赏它。

 GroupType: <select name="groupType">

    <?php foreach($grouptypes as $type) : ?>

    <?php echo "<option value='" . $type['name'] . "'>" .$type['name']. "</option>"; ?>

    <?php endforeach ?>

  </select><br />


  Group: <select name="groups">

    <?php foreach($groups as $group) : ?>

    <?php echo "<option value='" . $group['name'] . "'>" .$group['name']. "</option>"; ?>

    <?php endforeach ?>

  </select><br />


  <?php 
    $query = "SELECT id, name FROM group_type";

    $grouptypes = $_db->getResultsForquery($query);


    $query = "SELECT id, name FROM groups";

    $groups = $_db->getResultsForquery($query);


  ?>

Answer 1

这就是我要做的。它使用jquery将get发送到名为groups.php的页面，该页面将返回一些您可以解析的html。然后你解析它：）

$('#grouptype-select').change(function(){  //.change will detect when the select has been changed (an -option- has been chosen)
    var grouptype = $(this).val();   //create a variable from the -option- chosen
    $.get('groups.php', 'grouptype=' + grouptype, function(response){    //use jquery to send -get- to groups.php
        $('#list-of-groups').html(response);    //insert response into ur doc
    }
});

像http://www.yoursite.com?grouptype=abc这样的东西将使用get异步发送（ajax）祝你好运！

PS这是一个让你修修补补的方法：http://jsfiddle.net/yLyTw/1/

如何使用Javascript或Jquery切换选择元素？

1 个答案: