ul>li中自定义属性后取值的问题

最新推荐文章于 2023-02-03 11:22:30 发布

转载最新推荐文章于 2023-02-03 11:22:30 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2752028/blog/911962

本文介绍了一种使用jQuery实现动态赋值的方法，并通过AJAX获取数据来填充页面元素。此外，还提供了一个函数用于根据用户的操作更新指定元素的值。

动态赋值的li:

$.ajax({
            type: "POST",
            url: "${base}/before/subDemand/listType",
            success: function(data){
                for(var i=0;i<data.listType.length;i++){
                    $("#show_type").append("<li text='"+data.listType[i].dict_key+"' onclick='copyText(this)'>"+data.listType[i].dict_value+"</li>");
                }
            }
        });

取值给某个元素赋值：

function copyText(obj){
     //置空select
     $("#type").empty();
     //追加点击的参数
     $("#type").append("<option value='"+obj.getAttribute('text')+"' selected='selected'>"+obj.innerHTML+"</option>");
     //设置显示值
     $("#show_div").html(obj.txt);
     //关闭选择框
     $('.select_box2').hide();
 }