当前位置: 代码迷 >> VB Dotnet >> net 获取前台ul 入选中的li的值并传给后台
  详细解决方案

net 获取前台ul 入选中的li的值并传给后台

热度:118   发布时间:2016-04-25 02:04:12.0
net 获取前台ul 中选中的li的值并传给后台
一个项目中的搜索框旁边有一个搜索类型选中下拉列表,这列表用ul写的,代码如下:
<div  class="channelSelect"> <a class="curChannel" href="javascript:void(0)">查书名</a>
   <ul>
       <li><a href="#">查书名</a></li>
       <li><a href="#">查作者</a></li>
       <li><a href="#">查ISBN</a></li>
   </ul>
</div>
对应的js代码如下;
    <script type="text/javascript">
        $('.channelSelect').hover(function () {
            var $that = $(this).children('ul');
            $(this).children('ul').show().find('a').click(function () {
                $that.hide();
                $that.siblings().text($(this).text());
                var txt = $(this).text();
            });
        }, function () {
            $(this).children('ul').hide();
        });
   </script>

我怎样在服务器端获取前台下拉列表选中的li的值?

------解决思路----------------------
在前台放一个Hidden
<input type="hidden" runat="server" id="hidLI" />

js里对这个hidLi.Value赋值,后台可以通过hidLi.Value取到值

 <script type="text/javascript">
         $('.channelSelect').hover(function () {
             var $that = $(this).children('ul');
             $(this).children('ul').show().find('a').click(function () {
                 $that.hide();
                 $that.siblings().text($(this).text());
                 var txt = $(this).text();
                 $("#hidLI").val(txt);
             });
         }, function () {
             $(this).children('ul').hide();
         });
    </script>
 
------解决思路----------------------
不会吧,你在前台给 $("#hidLI").val(txt);
地方alert(txt),看看能弹出东西吗?
  相关解决方案