• 通過點選li標籤，拿到li值，在把值賦給一個文字框

以下是HTML，以及input標籤

<input type="hidden"  id="orderBy"  value="${orderBy}" >
<input type="hidden"  id="orderColumn "  value="${orderColumn }" >
<ul class="orderType" >
    <li value="distance" ><a href='#'> 離我最近</a></li>
    <li value
 
="goodsPrice" ><a href='#'> 價格最低</a></li>
    <li value="countComment" ><a href='#'> 評論最多</a></li>
    <li value="averageCount" ><a href='#'> 評分最高</a></li>
    <li value="countSell" ><a href='#'>銷量最多</a></li>
  </ul
 
>

一下是jquery點選選取值

<script type="text/javascript">

$(".orderSelect li").click(function(){//點選事件  

       //console.log($(this).html());//列印日誌
       //console.log($(this).attr("value"));//列印日誌

        //取當前選中 li 的顯示值 賦到input標籤 選擇器id="orderBy"
        $("#orderBy").html($(this).html());

        //取當前選中 li 的value值 
 

        var orderColumn = $(this).attr("value");
        //賦到input標籤 選擇器id="orderColumn"
        $("#orderColumn").val($(this).attr("value"));

});
</script>