urlのjavascript関数を使用してドロップダウンオプション/ボタンを実行する

Question

ドロップダウンメニューから選択を実行するためにurlを介して値を渡すことはできますか？

たとえば、this pageのドロップダウンメニューからナショナルリーグを選択したい場合は、URLに値を渡してクリックせずに新しいページをリロードできますか？

ナショナルリーグを選択すると、javacript関数_doPostBack(....){...}が呼び出されます。

Answer 1

さらに詳しく調べると、<select>のchangeイベントが発生すると、_doPostBackが呼び出されます。

要素の値が変更されると、変更イベントが発生します。 <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> 

を持っている場合は、次のいずれかの方法で変更イベントのイベントハンドラをアタッチすることができます一部で

<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); 
} 

のように見える場合、この値は、サーバーに送信することができ、いずれかの伝統的な形式を経由して、URLを介して、またはAjaxを経由して、（<select>が含まれている<form>を提出）提出します。