日期:2014-05-16  浏览次数:20471 次

一个简单的JAVASCRIPT问题,请大家帮忙!

我的代码是:

<select   name= "topic ">
<option   value= "35 "   name=sd>
<option   value= "23 "   name=ss>
<option   value= "13 "   name=sa>
<option   value= "13 "   name=sq>
</select>

栏目: <select   name= "topic ">
<script   src= "listTopic.jsp "> </script> //在这里显示
</select>

这两个列表框在一个页面上,如何才能根据第一个列表框所被选择的值,来请求另一个文件获得不同的输出呢?
例如:当选择name=sd   时第二个列表框获得的值,和当选择name=sa   时第二个列表框获得的值   是不一样的,怎么写成一个JAVASCRIPT方法的形式呢?

------解决方案--------------------
<SCRIPT LANGUAGE= "JavaScript " type= "text/javascript ">
var xmlhttp = null;
function foo(slt)
{
xmlhttp = null;
xmlhttp = window.XMLHTTPRequest ? new XMLHTTPRequest : new ActiveXObject( "Microsoft.XMLHTTP ");
xmlhttp.onreadystatechange = _statechanged;
xmlhttp.open( "get ", "http://127.0.0.1:8080/show.jsp?para= " + slt.value, true);
xmlhttp.send();
}
function _statechanged()
{
if (null == xmlhttp) return;
if (4 != xmlhttp.readyState) return;
alert(xmlhttp.responseText); // 这个xmlhttp.responseText就是show.jsp的输出...
}
</SCRIPT>
<select name= "topic " onchange= "foo(this) ">
<option value= "35 " name=sd>
<option value= "23 " name=ss>
<option value= "13 " name=sa>
<option value= "13 " name=sq>
</select>