解决需求（刷新页面是select下拉框还原成第一个选项）

最新推荐文章于 2024-01-19 08:51:59 发布
最新推荐文章于 2024-01-19 08:51:59 发布
阅读量3.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Jquery学习（一）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/peterjiajia/article/details/48679323
本文将指导您如何使用JavaScript实现通过类选择器获取Select控件对象，选取其第一个option并设置为默认选中状态。具体步骤包括：1. 使用class选择器获取Select对象；2. 获取第一个option的值；3. 将此值应用于Select对象的某个option，使其默认选中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

要解决该需求，我该怎么一步步实现呢，以下是我的解决方法的步骤：

1、获取该select控件对象：var selectOBJ = $(".shipping");使用class选择器获取select对象

2、获取第一个option的value值，这里为什么需要这么去做，

主要是接下来把它赋属性选择：var opt = selectOBJ.find("option:first").val();

3、赋予checked属性：$(".shipping").find("option[value="+opt+"]").attr("checked","true");

最后把上面的代码写在$(function(){

})方法代码中就OK了。

Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
SuccBI+低代码文档中心 — 低代码应用（SuperPage）（下）（重点）
九霄云客的博客
08-07 1039
为SuperPage添加数据：数据是SuperPage页面中组件的取数来源。添加的数据可以是数据表、临时数据加工或数据集，添加到数据的模型表即可用于页面取数。基于添加的模型可新建计算字段，以及模型设置，如过滤条件、设置参数、权限等。数据集权限设置工作流数据源工作流数据源是SuperPage与工作流集成使用的媒介，通过工作流数据源可以在SuperPage中自行配置任务列表、表单页面等流程必须的处理页面。我的待办。
亲测！亲测！解决uView u-select第二次弹出显示前一次选择内容，但实际获取值为第一项的问题！
lianghuihaoKing的博客
01-19 1361
再次调起时，仍然显示前一次选择项，但点击“确定”后，却是获得第一项的值。修改default-value的结果赋值[0]，然而并没有作用。
点击重置按钮时清空select下拉框（变为默认的第一项）
Afour博客
02-23 1161
点击重置按钮时清空select下拉框,变为默认的第一项 /** * 设定select下拉框为默认首选项 * @param */ function restSelectToBlank(itemId) { $("#"+itemId).val(null).trigger("change"); }
jsp页面保持select中的上一次所选项
每天=生命的最后一天
11-03 2295
//保持select选项值的方法一：function load1(){  // alert(1);   var selectopts = document.Form1.queryfield;   if(null!=selectopts){    for(var i=0;i       if(selectopts.options[i].value==){           selectopts
select回显数据选中对应的项
卡卡罗特的博客
07-09 5915
在执行一些表单修改时，一般是需要把后台返回的数据回显的，例如input使用val()来初始赋值，但是下拉框select回显数据，怎么选中对应的项呢？其实还可以用val()方法<select name="" class="appDay_item" id="level"> <option value="0">普通用户</option>
jsp回显数据时,select标签默认被选中和格式化显示日期的问题
夏一的博客
09-09 2308
每次用到这块内容时,总是要去查资料,这次在这里总结一下. 1.select标签在数据回显时,默认被选中; 2.日期类型的数据在会显示时,规范显示为 yyyy-MM-dd.java代码: <label>员工职位:</label> <select name="job" value="${emp.job}"> <option value="CLERK" <c:if
layui下拉框选择后，刷新页面保留上一次的选择,数据是之前搜索条件的数据
云子
08-02 2930
流程： 1.下拉框选择后，提交表单 在提交中将选择的值设置到sessionStorage 2.使用form.val和form.render() <div class="layui-inline"> <label class="layui-form-label">年级</label> <div class="layui-input-inline"> <select name="grade" lay-search id="form_vi.
（vue）封装element的单选el-tree和el-select（数只允许两层）
wang_min_bao的博客
12-21 1312
封装element的单选el-tree和el-select（树只允许两层）
uniform js 触发清空
最新发布
07-17
// 对于下拉框，可以设置第一个选项为选中 $(this).prop('selectedIndex', 0).change(); } }); $.uniform.update(); ``` 但是，如果遇到类似引用[1]中的问题（即清空后内容重新出现），我们可以尝试模拟人为...
jsp页面中下拉框列表刷新值不变
an74520的专栏
11-01 5225
String sele =request.getParameter("sele")==null?"":request.getParameter("sele"); session.setAttribute("option", sele); String gg=(String)session.getAttribute("option")==null?"":(String)session.g
修改页面时，恢复select选项值（将Select option选项恢复为从后台传过来的值）
weixin_39450145的博客
06-12 1495
1. 在html页面，给表单form起个name名字（form1），给选择框select的name起个名字（type）。2. 在html的script中，写一个函数。当页面加载时，遍历select中的option值，如果这个option等于从后台传过来的值，那么将选中的值设置为selected=”selected”。3. 这样，就可以实现：在select下拉框中，恢复为从后台传过来的选项值。 ...
select设置默认的option
热门推荐
安宁的小虎牙
09-16 1万+
select标签设置默认的option
ant vue design的select组件选项还原重置
张木期的博客
07-02 2947
今天遇到一个需求是这样子的 在tab页之间来回切换的时候，select组件选择要重置，不能记住当前所选值，大脑一时短路，居然想了用ref操作，可惜还是解决不了，网上说了很多，无一可用，下面我自己用了一个最简单的方法，仅供参考： <a-select id="select" v-model="value" class="table-select" defaultValue="全部卡券" @change="list"> <a-select-option v-f
选中指定select中的第一个
weixin_43584556的博客
07-14 1281
当该select选择值不符合我们的要求时，让其选中该select中的第一个
js 设置selct默认选中第一个
llljyb的专栏
05-21 851
var apksel = document.getElementById("apksel"); apksel.options.setselectedIndex(0);//设置默认选中第一个
js控制select返回原先选择的状态
agfwf66048的专栏
09-01 715
找了好久，应该有比较简单的，不多说，上代码 页面： <div id="testArea"> <select class="selq" onchange="startchosee(this)" > <option value="1">选择1</option> <option value="2">选择2</...
el-cascader 回显 下拉框最后一级定位在上一次位置 解决方案
qq_37592561的博客
07-10 2728
el-cascader 下拉框回显问题回显定位还是在上一次位置解决方法 回显定位还是在上一次位置 解决方法 增加ref属性 <el-cascader v-model="modeValue" :options="modeOptions" @change="modeChange" ref="cascader" :props="{ checkStrictly: true ,value: 'modId', label: 'modName', children: 'nextModu
select标签下拉选项一直显示第一项的问题？ onchange()事件
changfangyuansh
08-16 2395
愚蠢的问题：<select>下拉选项一直显示第一项的问题？ 原因：onchange从这个名称就可以看出，只有在select的选项有改变（change）的时候才会触发这个事件的。一般情况下select的第一个选项是默认选项，当你选中第一个项时，由于值没有改变，所以是不会触发onchange事件的。 解决：可以通过selected来改变值 jq: window.onlo...
vue select下拉框默认选中第一个
06-06
你可以通过设置 `v-model` 和 `options` 属性来实现 Vue Select 下拉框默认选中第一个选项。具体做法如下： 1. 在 Vue 组件中，定义一个 `selected` 变量，用于存储选中的选项的值。 2. 在 Vue Select 下拉框中设置 `v-model` 绑定 `selected` 变量。 3. 在 Vue Select 下拉框中设置 `options` 属性，绑定一个数组，数组中存储所有选项的值。 4. 在 `mounted` 生命周期钩子函数中，设置 `selected` 变量为数组中第一个选项的值。 示例代码如下： ```html <template> <div> <v-select v-model="selected" :options="options"></v-select> </div> </template> <script> export default { data() { return { selected: '', // 存储选中的选项的值 options: ['选项1', '选项2', '选项3'] // 所有选项的值 } }, mounted() { this.selected = this.options[0]; // 设置选中的选项为数组中第一个选项 } } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值