您的位置：首页 > Web前端 > JQuery

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

2016-05-24 20:28 751 查看

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了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery select 函数

相关文章推荐

新的分享

章节导航