首页 前端知识 jQuery select获取选中的值资料记录,零基础开始学web前端开发

jQuery select获取选中的值资料记录,零基础开始学web前端开发

2024-04-09 23:04:47 前端知识 前端哥 164 746 我要收藏

(二) jQuery设置Select选择的 Text和Value:

1.设置Select索引值为1的项选中

$(“#select_id”).get(0).selectedIndex=1;

2.设置Select的Value值为4的项选中

$(“#select_id”).val(4);

3.设置Select的Text值为jQuery的项选中

$(#select_id option[text=‘jQuery’]").attr(“selected”, true);

(三) jQuery添加/删除Select的Option项:

  1. $(“#select_id”).append(“Text”); //为Select追加一个Option(下拉项)

  2. $(“#select_id”).prepend(“请选择”); //为Select插入一个Option(第一个位置)

  3. $(“#select_id option:last”).remove(); //删除Select中索引值最大Option(最后一个)

  4. $(“#select_id option[index=‘0’]”).remove(); //删除Select中索引值为0的Option(第一个)

  5. $(“#select_id option[value=‘3’]”).remove(); //删除Select中Value=’3’的Option

  6. $(“#select_id option[text=‘4’]”).remove(); //删除Select中Text=’4’的Option

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中, 获取被选中项的值

文本框,文本区域:$(“#txt”).attr(“value”);

多选框 checkbox:$(“#checkbox_id”).attr(“value”);

单选组radio: $(“input[@type=radio][@checked]”).val();

下拉框select: $(‘#sel’).val();

控制表单元素:

文本框,文本区域:

$(“#txt”).attr(“value”,‘’);//清空内容

$(“#txt”).attr(“value”,‘11’);//填充内容

多选框checkbox:

$(“#chk1”).attr(“checked”,‘’);//不打勾

$(“#chk2”).attr(“checked”,true);//打勾

if($(“#chk1”).attr(‘checked’)==undefined) //判断是否已经打勾

单选组 radio:

$(“input[@type=radio]”).attr(“checked”,‘2’);//设置value=2的项目为当前选中项

下拉框 select:

$(“#sel”).attr(“value”,‘-sel3’);//设置value=-sel3的项目为当前选中项

//添加下拉框的option

$(“11112222”).appendTo(“#sel”)

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等

资料获取方式:点击蓝色传送门免费获取

,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等**

资料获取方式:点击蓝色传送门免费获取

[外链图片转存中…(img-s4aCGb9X-1712160746063)]

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4727.html
标签
评论
发布的文章

HTML5学习笔记(二)

2024-04-21 10:04:45

HTML5 新增语义标签及属性

2024-04-21 10:04:32

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!