Jquery和JS获取ul中li标签的值以及赋值问题

• 通过点击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>