如何使用Javascript或JQuery來切換選擇元素？

我對Javascript和Jquery不太瞭解，但我必須在HTML選擇標籤上使用它。我有兩個數據庫表，grouptypes和組。羣組類型可以有多個羣組，但一個羣組只屬於一個羣組類型。我有兩個選擇標籤，一個是羣組類型，另一個是羣組。我想要做的是每當用戶在grouptypes下拉菜單中選擇一個分組類型時，它會觸發一個處理程序來檢索屬於該分組類型的相應組。我需要JavaScript或Jquery來完成它，但我無法自己寫。所以任何人都可以幫助我？我會很感激。如何使用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); 


    ?>

來源

2011-12-29 慶峯扈

這是我會做的。它使用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這裏是一個的jsfiddle讓你擺弄：http://jsfiddle.net/yLyTw/1/

來源

2011-12-29 17:18:20

安迪，我很欣賞你的答案。這對我非常有幫助，並給了我一些關於如何處理它的想法。我只是需要更多的時間來弄清楚如何將它應用於我的案例 – 2011-12-29 17:34:07

沒有問題，讓我們知道它是怎麼回事 – 2011-12-29 17:42:10

如何使用Javascript或JQuery來切換選擇元素？

回答

相關問題