禁用/刪除值，如果選擇1大於選擇2沒有MySQL

Question

如果要選擇的“ from”值大於或等於它的值，我想禁用“ to”的值。 我看過類似的教程，但其中包括ajax和mysql。 但我不需要任何查詢。 謝謝！

 echo "<select name=\"from\" id=\"from\" class=\"form-control\" onchange=\"myfunc()\">";
            echo "<option value=\"10\"> 10:00 AM </option>";
            echo "<option value=\"11\"> 11:00 AM </option>";
            echo "<option value=\"12\"> 12:00 NN </option>";
            echo "<option value=\"13\"> 1:00 PM </option>";
            echo "<option value=\"14\"> 2:00 PM </option>";
            echo "<option value=\"15\"> 3:00 PM </option>";
            echo "<option value=\"16\"> 4:00 PM </option>";
            echo "<option value=\"17\"> 5:00 PM </option>";
            echo "<option value=\"18\"> 6:00 PM </option>";
            echo "<option value=\"19\"> 7:00 PM </option>";
            echo "<option value=\"20\"> 8:00 PM </option>"; 
            echo "</select>";

             echo "<select name=\"to\" id=\"to\" class=\"form-control\">";
            echo "<option value=\"10\"> 10:00 AM </option>";
            echo "<option value=\"11\"> 11:00 AM </option>";
            echo "<option value=\"12\"> 12:00 NN </option>";
            echo "<option value=\"13\"> 1:00 PM </option>";
            echo "<option value=\"14\"> 2:00 PM </option>";
            echo "<option value=\"15\"> 3:00 PM </option>";
            echo "<option value=\"16\"> 4:00 PM </option>";
            echo "<option value=\"17\"> 5:00 PM </option>";
            echo "<option value=\"18\"> 6:00 PM </option>";
            echo "<option value=\"19\"> 7:00 PM </option>";
            echo "<option value=\"20\"> 8:00 PM </option>";
             echo "</select>";

Answer 1

如果使用HTML而不是PHP echo語法會更好。

您需要使其工作的JS代碼是以下代碼：

 function myfunc() {
     var from = document.getElementById("from");
     var strUser = parseInt(from.options[from.selectedIndex].value);
     var to = document.getElementById("to");
     for (var i = 0; i < to.options.length; i++) {
         if (to.options[i].value < strUser) {
             to.options[i].disabled = false;
         } else {
             to.options[i].disabled = true;
         }
     };
 }

它將禁用第二個選擇中等於或大於第一個選擇中所選值的所有選項，並啟用所有其他選項。 這樣，它將適用於第一個選擇中的多個選擇。