点击一文本链接后在同一处出现 列表框

一个文本链接代码如下
价格范围
一个列表框代码如下

价格区间
小于500￥
500-1000
1000-1500

能达到这个效果吗？列表框默认不显示，点击"价格范围"后 ，在"价格范围"同一处 出现 列表框

不是简单的用下面代码
列表框属性style="display:none"
document.getElementById("list_key").style.display = "";
注意是同一处,能结合AJAX就更好了～ :D
[b]问题补充：[/b]
十分感谢yourgame

function createSelect(el){ var select1 = document.createElement("select"); select1.name="list_key"; select1.id="list_key"; var ooption = new Array(); ooption[0] = "价格区间"; ooption[1] = "小于500￥"; ooption[2] = "500-1000"; ooption[3] = "1000-1500"; for(var i=1;i<=ooption.length;i++) { select1.options[i - 1] = new Option(ooption[i - 1], i); } var parent = el.parentNode; parent.innerHTML=""; parent.appendChild(select1); }

价格范围

如上所示，其实我希望它变成列表框后是要传参数的，但是上面的点击后，那个 提交按钮也没有了，请问怎么办？
test7_hou.asp上是要接受list_key的值的！

function createSelect(el){ var select1 = document.createElement("select"); select1.name="list_key"; select1.id="list_key"; var ooption = new Array(); ooption[0] = "价格区间"; ooption[1] = "小于500￥"; ooption[2] = "500-1000"; ooption[3] = "1000-1500"; for(var i=1;i<=ooption.length;i++) { select1.options[i - 1] = new Option(ooption[i - 1], i); } var parent = el.parentNode; parent.innerHTML=""; parent.appendChild(select1); }

价格范围

这样就可以了,在a标签外面加一个span

[code="js"]

<br> function createSelect(el){<br> var select1 = document.createElement(&quot;select&quot;);<br> select1.name=&quot;list_key&quot;;<br> select1.id=&quot;list_key&quot;;<br><br> var ooption = new Array();<br> ooption[0] = &quot;价格区间&quot;;<br> ooption[1] = &quot;小于500￥&quot;;<br> ooption[2] = &quot;500-1000&quot;;<br> ooption[3] = &quot;1000-1500&quot;;<br> for(var i=1;i&lt;=ooption.length;i++)<br> {<br> select1.options[i - 1] = new Option(ooption[i - 1], i);<br> }<br> var parent = el.parentNode;<br> parent.innerHTML=&quot;&quot;;<br> parent.appendChild(select1);<br> }<br>


价格范围

[/code]

你哪些字段是需要用ajax来传递的?