下拉框select，Jquery的data()方法，JavaScript join() 方法用于把数组中的所有元素放入一个字符串

最新推荐文章于 2023-12-21 11:55:40 发布

白云89

最新推荐文章于 2023-12-21 11:55:40 发布

阅读量1k

点赞数

分类专栏： web前端日志文章标签： jquery select 函数

本文链接：https://blog.csdn.net/qq_32411793/article/details/51493261

版权

web前端日志专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、在dataGrid中创建select：

    //创建提前天数单元格
    function renderDay(e) {
        var rec = e.record;
        var tmp = []
        for(var i=1,l=8;i<l;i++){
            if(rec.remindDay==i){
                tmp.push('<option value="'+i+'" selected>'+i+'</option>');
            }else{
                tmp.push('<option value="'+i+'" >'+i+'</option>');
            }
        }
        var str='<select class="selectOPT" data-kk="'+rec.remindId+'">'+tmp.join("")+'</select>';//join()方法把数组转化为字符串
        return str;
    }

2、下拉框值改变时触发的事件

 $(document).on("change",".selectOPT",function(e){
            var $this = $(this);
            debugger;
//            console.info($this.data("id"));
            console.info($this.data("kk"));
            console.info($this.attr("data-kk"));
            $(this).val(5);
        })

3、jQuery 数据 - jQuery.data() 方法
data() 方法向被选元素附加数据，或者从被选元素获取数据。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
  });
  $("#btn2").click(function(){
    alert($("div").data("greeting"));
  });
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  testObj=new Object();
  testObj.greetingMorn="Good Morning!";
  testObj.greetingEve="Good Evening!";
  $("#btn1").click(function(){
    $("div").data(testObj);
  });
  $("#btn2").click(function(){
    alert($("div").data("greetingEve"));
  });
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>

4、jquery中用on来绑定事件，经常的写法有

（1）样式
$(document).on('click','.classname',function(){});
$('.classname').on('click',function(){});
（2）id
$(document).on('click','#idname',function(){});
$('#idname').on('click',function(){});

==理解==
$(document).on是把事件委托到了document上$ (‘#idname’).on是把事件绑定到了元素上

区别：$(‘#idname’).on 当页面动态刷新时，新加载的该id元素便没有事件绑定到上面了。而第一个还可以让事件生效。例如：

$(document).on("click","#dynamicEle", function(e){
alert("some thing");
});

当dynamicEle动态刷新后事件还在。如果用onclick绑定则事件不存在了，因为onclick只在页面onload的时候执行一次，刷新后的dynamicEle已经不是原来的dynamicEle了。

白云89

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录