1、打开前端编辑软件，新建一个html文件。如图：
2、在html代码页面新建标签：1.新建一个点击按钮，然后给这个按钮添加一个点击事件；2.在新建的按钮标签后面创建一个div标签，然后给这个标签创建一个id；3.在div标签里新建一个select下拉菜单。如图：代码：<input type="button" value="清空" onclick="clearSelect();"/><div id="test"><select name=""><option value="0">请选择下拉菜单</option><option value="1">选择1</option><option value="2">选择2</option><option value="3">选择3</option></select></div>
3、添加点击事件。1.引入jquery库；2.新建一个<script>标签，在这个标签里面创建点击事件。代码：<script>function clearSelect(){$("#test select").each(function(){$(this).find("option").eq(0).prop("selected",true)})}</script>
4、保存html文件后使用浏览器打开，选择select下拉菜单，然后点击按钮就会看到select默认选中第一个。
5、所有代码，可以直接把所有代码复制到新建的html文件上，添加query库保存后运行即可看到效果。所有代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>select设置默认选中第一个</title><script>function clearSelect(){$("#test select").each(function(){$(this).find("option").eq(0).prop("selected",true)})}</script></head><body><input type="button" value="清空" onclick="clearSelect();"/><div id="test"><select name=""><option value="0">请选择下拉菜单</option><option value="1">选择1</option><option value="2">选择2</option><option value="3">选择3</option></select></div></body></html>
