.net 中,我想用jquery通过一个循环给一个空的select元素插入下拉选项列表,请问怎么写?

.net 中,我想用jquery通过一个循环给一个空的select元素插入下拉选项列表,请问怎么写?,第1张

写出你列表中代码,可以循环+变量的,我这里给出的是死数据你照着做

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、效果演示


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11787436.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存