如何在選擇器中選擇一個選項並更新我的表格

Question

我有上面的表格，上面有一個選擇器（帶有2個選項，oldeste和newest「。當我選擇」最老的「時，它將最老的元素放在上面，當我選擇最新它把上面的最新alements 在HTML我的表ID是「MYTABLE」我有一個名爲日期字段，這是我的代碼

<form action="" method="post"> 
       <center> <b>Filter: <b><select name="select1"> 
        <option value="value1">by Oldest</option> 
        <option value="value5">by Newest</option> 
       </select></center> 
       <br> 
       <center> <input type="submit" name="submit" value="Filter"/> </center> 
       <br> 
       </form> 
       <?php 
       if(isset($_POST['select1'])){ 
       $select1 = $_POST['select1']; 
       switch ($select1) { 
        case 'value1':?> 

    //something 

        <?php break; ?> 
        <?php case 'value2': ?> 

    //something 
        <?php break; ?> 

        <?default: 

        break; 
       } 
       } 
       ?> 

Answer 1

第一組ID選擇：。 <select name="select1" id="selectlist">

嘗試類似的方式獲得價值：

var selectBox = document.getElementById("selectlist"); var selectedValue = selectBox.options[selectBox.selectedIndex].value;

現在你知道你在selectedValue中選擇了什麼。

然後，你必須設置的onchange parametr：

onchange="function()"

並讓功能在JavaScript編輯。