変更イベント中に複数の値を渡す<select>

Question

Dropdown list 1: 

<select name="ddlArea" onchange="showState(this.value)"> 

Dropdown list 2: 

<select name="ddlFType" onchange="showState(this.value)"> 

showStateの両方のドロップダウンリストの選択値を取得したいとします。私はajaxリクエストが異なるページで処理される同じ関数を呼び出すことを望んでいます。これはパラメータAreaとFTypeの両方を必要とします。

機能：あなただけの2つのパラメータでAJAXクエリを起動しようとしているので

function showState() 
       { 
        var area_value = document.getElementById("ddlArea").value; 
        var ftype= document.getElementById("ddlFType").value; 
        if(document.getElementById("ddlFlat").value!="-1") 
        { 
         xmlHttp=GetXmlHttpObject() 
         if (xmlHttp==null) 
         { 
          alert ("Browser does not support HTTP Request") 
          return 
         } 
         var url="vacant_do.jsp" 
         url=url+"?area_id="+area_value+"ftype"+ftype 

         xmlHttp.onreadystatechange=stateChange 
         xmlHttp.open("GET",url,true) 
         xmlHttp.send(null) 

        } 
        else 
        { 
         alert("Please Select Area Name"); 
        } 
       } 

       function stateChange() 
       { 
        if (xmlHttp.readyState==4 || xmlHttp.readyState==200) 
        { 
         document.getElementById("ddlFlat").innerHTML=xmlHttp.responseText 
         } 
       } 

Answer 1

、私はのonChangeを通じて価値にプッシュしていないでしょう。

Combo -Box 1:- 
<select name="ddlArea" id="ddlArea" onchange="showState()"> 
Combo -Box 2:- 
<select name="ddlFType" id="ddlFType" onchange="showState()"> 

、その後：

function showState() { 
    var area = document.getElementById('ddlArea').value; 
    var fType= document.getElementById('ddlFType').value; 
    ....invokeAJAX request.... 
} 

あなたはプロトタイプ/閉鎖方法のいくつかの並べ替えを経てこれを行うことができますが、本当に、あなたはすでにどこから情報を得るために知っている、そして変更するつもりはありませんページ