养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery 设置select选中第一个

时间:2024-10-02 10:31:14

jquery如何设置select下拉菜单选中第一个?要让jquery初始化select下拉菜单默认选中第一个只需只需一行简单的代码。然我们一起来看一个jq如何实现select默认初始化吧。设置默认选中第一个代码:$(this).find("option").eq(0).prop("selected",true)

jquery 设置select选中第一个

jquery 设置select选中第一个

jquery 设置select选中第一个

方法/步骤

1、打开前端编辑软件,新建一个html文件。如图:

jquery 设置select选中第一个

2、在html代码页面新建标签:1.新建一个点击按钮,然后给这个按钮添加一个点击事件;闸拊福律2.在新建的按钮标签罨傺烙窑后面创建一个div标签,然后给这个标签创建一个id;3.在div标签里新建一个select下拉菜单。如图:代码:<inputtype="button"value="清空"onclick="clearSelect();"/><divid="test"><selectname=""><optionvalue="0">请选择下拉菜单</option><optionvalue="1">选择1</option><optionvalue="2">选择2</option><optionvalue="3">选择3</option></select></div>

jquery 设置select选中第一个

3、添加点击事件。1.引入jquery库;2.新建一个<script>标签,在这个标签里面创建点击事件。代码<script>functionclearSelect(){$("#testselect").each(function(){$(this).find("option").eq(0).prop("selected",true)})}</script>

jquery 设置select选中第一个

4、保存html文件后使用浏览器打开,选择select下拉菜单,然后点击按钮就会看到select默认选中第一个。

jquery 设置select选中第一个

jquery 设置select选中第一个

jquery 设置select选中第一个

5、所嘀芟苒疾有代码,可以直接把所有代码复制到新建的html文件上,添加query库保存后运行即可看到效果。所有代码:<!DOCTYPEhtml>媪青怍牙<html><head><metacharset="UTF-8"><title>select设置默认选中第一个</title><script>functionclearSelect(){$("#testselect").each(function(){$(this).find("option").eq(0).prop("selected",true)})}</script></head><body><inputtype="button"value="清空"onclick="clearSelect();"/><divid="test"><selectname=""><optionvalue="0">请选择下拉菜单</option><optionvalue="1">选择1</option><optionvalue="2">选择2</option><optionvalue="3">选择3</option></select></div></body></html>

© 一点知识