在url中使用javascript函數執行下拉選項/按鈕

Question

是否可以通過url傳遞值以便從下拉菜單執行選擇？

例如，如果我想從下拉菜單中this page我可以重新加載新的頁面，而不點擊它通過此網址傳遞值選擇全國聯賽？

從我所看到的，當你選擇國家聯盟的JavaScript函數_doPostBack(....){...}被稱爲。

Answer 1

如果看得更仔細一些，_doPostBack在<select>的change事件被觸發時被調用。

當元素的值發生變化時觸發更改事件。對於<input type=text>，當文本更改並且元素失去焦點時，會觸發此操作。 （例如，輸入內容和標籤）

對於<select>，當選擇更改時會發生這種情況。

如果你有

<select id="gender"> 
    <option value="f"> Female </option> 
    <option value="m"> Male </option> 
    <option value="n"> Prefer not to say </option> 
</select> 

您可以通過以下方式之一附加change事件的事件處理程序：

<select id="gender" onchange="genderChanged()"> 
    <option value="f"> Female </option> 
    <option value="m"> Male </option> 
    <option value="n"> Prefer not to say </option> 
</select> 

OR

在部分：

window.onload = function() 
{ 
    document.getElementById("gender").onchange = genderChanged; 
} 

（jQuery和其他javascript框架使這一切變得更加簡單）

genderChanged是您想要在選擇更改時調用的函數（您編寫的函數）。

所以，如果你的genderChanged看起來像

function genderChanged() 
{ 
    var newGender = document.getElementById("gender").value; 
    alert("Changed to : "+newGender); 
} 

這個值可以提交到服務器，或者通過傳統的形式提交（提交包含<select>的<form>），通過URL或通過Ajax。