我想對我正在開發的一個頁面進行一些UI改進。具體來說,我需要添加另一個下拉菜單以允許用戶過濾結果。如何將前一個表單元素的值傳遞給「onchange」javascript函數?
這是我當前的代碼: HTML文件:
<select name="test_id" onchange="showGrid(this.name, this.value, 'gettestgrid')">
<option selected>Select a test--></option>
<option value=1>Test 1</option>
<option value=2>Test 2</option>
<option value=3>Test 3</option>
</select>
這是僞代碼,我想發生什麼:
<select name="test_id">
<option selected>Select a test--></option>
<option value=1>Test 1</option>
<option value=2>Test 2</option>
<option value=3>Test 3</option>
</select>
<select name="statistics" onchange="showGrid(PREVIOUS.name, PREVIOUS.VALUE, THIS.value)">
<option selected>Select a data display --></option>
<option value='gettestgrid'>Show averages by student</option>
<option value='gethomeroomgrid'>Show averages by homeroom</option>
<option value='getschoolgrid'>Show averages by school</option>
</select>
我如何訪問以前的字段的名稱和值?任何幫助非常感謝,thx!
此外, JS功能以供參考:
function showGrid(name, value, phpfile)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url=phpfile+".php";
url=url+"?"+name+"="+value;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}