一个选择<ul><li>传值的问题，高分求解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>AJAX.NET控件之ModalPopup</title>
    <style type="text/css">
.fenl{
color: #FF7003;
text-decoration: none;
display: block;
border: 1px solid #FFFFFF;
}
.fenl2{
text-decoration: none;
background-color: #FFECCC;
border: 1px solid #FF9900;
color: #006600;
}
#fenl {
line-height: 150%;
padding: 0px;
}
#fenl li {
width: 60px;
display: block;
float: left;
text-align: center;
list-style-type: none;
}
#fenl ul {
margin: 3px;
clear: both;
height: 28px;
border: 1px dashed #F8CD98;
padding: 3px;
}
#fenl a {
color: #FF7003;
text-decoration: none;
display: block;
border: 1px solid #FFFFFF;
}
#fenl a:hover {
text-decoration: none;
background-color: #FFECCC;
border: 1px solid #FF9900;
color: #006600;
}
</style><script>
var td1;
function show(obj){ var p = obj.parentNode.childNodes;
for(var i=0;i<p.length;i++){
p[i].className ='fenl';
}
obj.className='fenl2';

}
</script>
<script type="text/javascript">
function onclicke()
{
  var obj1=document.getElementsByTagName("li");
  for(var i=0;i<obj1.length;i++)
  {
    obj1[i].onclick=function()
    {
        alert(this.innerText);
    }
  }
}</head>
<body style="text-align: center">
    <form id="form1" runat="server">
       <div id="fenl">
<ul>
    <li style="width: 80px; font-weight: bold">按商品类别：</li>
    <li onclick='show(this)' id="li3_1"><a href='#'>上衣</a></li>
    <li onclick='show(this)' id="li3_2"><a href='#'>裤子</a></li>
    <li onclick='show(this)' id="li3_3"><a href='#'>职业装</a></li>
    <li onclick='show(this)' id="li3_4"><a href='#'>休闲装</a></li>
    <li onclick='show(this)' id="li3_5"><a href='#'>鞋帽</a></li>
    <li onclick='show(this)' id="li3_6"><a href='#'>其它</a></li>
</ul>
<ul>
    <li style="width: 80px; font-weight: bold">按商品品牌：</li>
    <li onclick='show(this)' id="li1_1"><a href='#'>派克</a></li>
    <li onclick='show(this)' id="li1_2"><a href='#'>韩国国SZ</a></li>
    <li onclick='show(this)' id="li1_3"><a href='#'>花园街</a></li>
    <li onclick='show(this)' id="li1_4"><a href='#'>与狼花舞</a></li>
    <li onclick='show(this)' id="li1_5"><a href='#'>IBM</a></li>
</ul>
<ul>
    <li style="width: 80px; font-weight: bold">按商品价格：</li>
    <li onclick='show(this)' id="li2_1"><a href="#">50以下</a></li>
    <li onclick='show(this)' id="li2_2"><a href="#">50-100</a></li>
    </ul>
</div>
    </form>
</body>
</html>
刚打开页面的时候显示出所有这类商品的信息
点击“上衣”的时候,先判断下面两项有没有选中，如果没有datalist显示所有上衣的信息。
点击"与狼花舞"也是一样先判断其它两项有没有选中，如果选中就加以条件查询，如果没有就查询出这个品牌的所有信息.在线等，急==========================================

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

如果三项都有选中就查询,,,,,select * from 商品表  where 商品类别=选中的商品类型 and 品牌=选中的品牌 and 价格=选中的价格如果只选了上衣就查select * from 商品表  where 商品类别=选中的商品类型如果只选了品牌就查 select * from 商品表  where  品牌=选中的品牌
onclick算一次选中，onclick的li会改变class的，商品类别里只会有一个会改变onclick 上衣品牌也是一样
那你可以为
  商品类别
  品牌
  价格
定义三个全局变量，初始化为null
你在提交的时候可以根据这三个变量来查询
我不是很清楚，你是用什么样的方式去查询，
如果你只是是想把
    商品类别
    品牌
    价格
这三个值传到后台，然后组织SQL的话用隐藏框比较不错
为每一个ul加一个<input type="hidden" value="">
每次onclick的时候，就把元素的内容赋值给隐藏框的value
提交的时候，提交这三个隐藏框的值就可以了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>AJAX.NET控件之ModalPopup </title>
    <style type="text/css">
.fenl{
color: #FF7003;
text-decoration: none;
display: block;
border: 1px solid #FFFFFF;
}
.fenl2{
text-decoration: none;
background-color: #FFECCC;
border: 1px solid #FF9900;
color: #006600;
}
#fenl {
line-height: 150%;
padding: 0px;
}
#fenl li {
width: 60px;
display: block;
float: left;
text-align: center;
list-style-type: none;
}
#fenl ul {
margin: 3px;
clear: both;
height: 28px;
border: 1px dashed #F8CD98;
padding: 3px;
}
#fenl a {
color: #FF7003;
text-decoration: none;
display: block;
border: 1px solid #FFFFFF;
}
#fenl a:hover {
text-decoration: none;
background-color: #FFECCC;
border: 1px solid #FF9900;
color: #006600;
}
</style> <script>
var td1;
function show(obj){ var p = obj.parentNode.getElementsByTagName('li');
var f = document.getElementById('form1');
for(var i=0;i <p.length;i++)
p[i].className ='fenl';
obj.className='fenl2';
switch(obj.parentNode.className){
case 'u1':
f.cls.value=obj.getElementsByTagName('a')[0].innerHTML;
break;
case 'u2':
f.variety.value=obj.getElementsByTagName('a')[0].innerHTML;
break;
case 'u3':
f.price.value=obj.getElementsByTagName('a')[0].innerHTML;
break;
}

alert('cls.value='+f.cls.value+'\n'
+ 'variety.value='+f.variety.value+'\n'
+ 'price.value='+f.price.value
);
}
</script>
</head>
<body style="text-align: center">
    <form id="form1" runat="server">
<input type="hidden" value="" name="cls" />
<input type="hidden" value="" name="variety" />
<input type="hidden" value="" name="price" />
</form>
<div id="fenl">
<ul class="u1">
    <li style="width: 80px; font-weight: bold">按商品类别： </li>
    <li onclick='show(this)' id="li3_1"> <a href='#'>上衣 </a> </li>
    <li onclick='show(this)' id="li3_2"> <a href='#'>裤子 </a> </li>
    <li onclick='show(this)' id="li3_3"> <a href='#'>职业装 </a> </li>
    <li onclick='show(this)' id="li3_4"> <a href='#'>休闲装 </a> </li>
    <li onclick='show(this)' id="li3_5"> <a href='#'>鞋帽 </a> </li>
    <li onclick='show(this)' id="li3_6"> <a href='#'>其它 </a> </li>
</ul>
<ul class="u2">
    <li style="width: 80px; font-weight: bold">按商品品牌： </li>
    <li onclick='show(this)' id="li1_1"> <a href='#'>派克 </a> </li>
    <li onclick='show(this)' id="li1_2"> <a href='#'>韩国国SZ </a> </li>
    <li onclick='show(this)' id="li1_3"> <a href='#'>花园街 </a> </li>
    <li onclick='show(this)' id="li1_4"> <a href='#'>与狼花舞 </a> </li>
    <li onclick='show(this)' id="li1_5"> <a href='#'>IBM </a> </li>
</ul>
<ul class="u3">
    <li style="width: 80px; font-weight: bold">按商品价格： </li>
    <li onclick='show(this)' id="li2_1"> <a href="#">50以下 </a> </li>
    <li onclick='show(this)' id="li2_2"> <a href="#">50-100 </a> </li>
    </ul>
</div>

</body>
</html>