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>

最后

以上就是健康溪流为你收集整理的Jquery和JS获取ul中li标签的值以及赋值问题的全部内容，希望文章能够帮你解决Jquery和JS获取ul中li标签的值以及赋值问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。