让select下的option选中

2022-11-09前端开发
157

这里以默认选中当前月为例:
HTML文件:
<select name="sex" id="sex">
    <option value="1">男</option>
    <option value="2">女</option>
</select>
 jQuery方法
$(function(){
    $("#sex").find("option[value = '"+值+"']").attr("selected","selected");
})
$("#sex").find("option:contains('男')").attr("selected", true); 亲测可用
 JS方法:
function fun(){
    document.getElementById("sex").value = 2;
}
 
The End
select option

相关推荐

xm-select多选下拉框实现拼音、首字母搜索匹配
最近项目中遇到需要下拉框能实现根据首字母进行模糊搜索,下拉框使用的是xm-select,而xm-select支持中文的搜索,后端接口也仅支持中文的。因此需要借助其他插件来完成功能。最终实现的效果如下: 涉及到的基础文件:引用 pinyin.js 和 initials.js。再引用 l...
2025-06-06 前端开发
89

layui xm-select插件怎么使用
xm-select是基于layui的多选解决方案,前身formSelects, 由于渲染速度慢, 代码冗余, 被放弃了xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展。 xm-select: 基于Layui, 下拉选择框的多选解决方案 通过一个简单的小例...
2024-12-25 前端开发
308

layui xmSelect的下拉框怎么接收值
方法一:jQuery直接取值 var dep = layui.$("#dep").val(); //获取选择框的值 方式二:jQuery直接取值 var dep = xmSelect.get('#dep', true);dep:dep.getValue('valueStr')...
2024-12-16 前端开发
230

layui使用tree组件实现树形下拉菜单
layui使用tree组件实现树形下拉菜单,下面是具体代码: html代码: link rel="stylesheet" href="~/layui/css/layui.css" media="all" @*link rel="stylesheet" type="text/css" href="~/layui/font/"*@ style type="text/css" .treeSelect .layui-select-tit...
2024-10-27 前端开发
139

layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案,最终实现效果如下: div class="layui-input-inline"select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-searchoption value=""选...
2024-07-05 前端开发
1288

layui table展示页表格中加入下拉选择框
layui 展示页表格中加入下拉选择框,最终 实现效果图: 1.在初始化表格的列cols中添加: { field: 'paid', sort: true, title: '付款状态', align: "center", templet:function (d) { return 'select name="paid" class="sel_xlk" lay-filter="stateSelect"...
2024-06-13 前端开发
226