var str="<option value='select绑定的值'>select显示的东西</option>"
$("#id").append(str)
第二句就是找到你的select对象把str填充进去,就可以得到了
循环时你应该会有2组变量 一个存值一个存显示数据假设为arr1和arr2那么str可以这么写
var str=""
for(i=0i<arr1.lengthi++){
str+="<option value="+arr1[i]+">"+arr2[i]+"</option>"
}
原理很简单 就是str是一串html代码直接填充到页面的<select></select>之间 理解了?
Jquery 怎么只给点击的元素加个class?1:新建一个html文件,命名为test.html,用于讲解jquery如何实现追加元素的同时添加class属性。2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。
3:在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addPp()函数。
4:在函数内,通过获得p标签对象,使用appendTo方法将p标签追加到div中。
5:在函数内,再使用addClass方法给p标签添加一个class属性。
6:在浏览器打开test.html文件,点击按钮,查看结果。
思路:遍历所有input对象,判断其value是否为空。关键代码:
$("input:text").each(function() {
if($.trim($(this).val()) == "") { // to do ...}
})
其中,$.trim()函数用以删除字符串左右的空格。
下面进行一个实例演示:
点击提交按钮后,为空的input添加样式(class = empty_input),并将光标定位到第一个空的input。
1、HTML结构
<input type="text"/>
<input type="text"/>
<input type="text"/>
<input type="button" value="提交">
2、jquery代码
$(function(){
$(":button").click(function() {
$("input:text").removeClass('empty_input') // 先去除empty_input样式
$("input:text").each(function() {
if($.trim($(this).val()) == "") // 判断value值是否为空
$(this).addClass('empty_input')
})
$(".empty_input:first").focus()// :first选择器表示第一个匹配的元素
})
})
3、效果演示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)