選項選擇值更改

Question

您好，這是我當前的代碼：

<select id="link_course">
<option value="">Select Course</option>
<option value="ALL">ALL</option>
<option value="BSIT" selected>BSIT</option>
<option value="BSA">BSA</option>
<option value="BSBA">BSBA</option>
<option value="BSHRTM">BSHRTM</option>
</select>

<script>
    $("#link_course").change(function()
          {
              document.location.href = "home.php?course=" + $(this).val();

        });
</script>

如果單擊其中任何一個選項（例如BSBA），它將轉到home.php？course = BSBA，並且您還可以看到selected屬性位於BSIT選項上。 我想要做的是每當我單擊另一個鏈接（例如BSHRTM）時， selected屬性都將進入BSHRTM，就像<option value="BSHRTM" selected>BSHRTM</option> 。 有什么想法嗎？

Answer 1

您可以通過JavaScript進行選擇：

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

if(getQueryVariable('course') != false) {
    $('#link_course option[value="' + getQueryVariable('course') + '"]').prop('selected', true);
}

參考

Answer 2

加載新頁面后，您需要運行JavaScript代碼以在列表中的正確項目上設置值。

Answer 3

使用window.location.href獲取當前URL。 然后檢查用戶當前在哪個頁面上，最后選擇相應的選項。

if(window.location.href.indexOf('home.php?course=BSHRTM)') != -1) {
   $('select#link_course option[value=BSHRTM]').attr("selected","selected");
}

為避免代碼重復，請參閱在JavaScript中解析查詢字符串

Answer 4

您應該在PHP中執行此操作：

<option value="BSHRTM" <?php if($course == 'BSHRTM') echo 'selected';?>>

假設您預先設置了$course = $_GET['course'];