select默认选中

本文主要介绍select下拉框的相关方法。

如果使用的是vue,和elementUI,那么select下拉框直接使用 v-model属性. 这样的话下拉框会自动选中那个v-model绑定的值。v-model绑定的值是可以自己定义或者是从后端查询出来传入前台form表单中的某个属性的值。像这样：

<el-select slot="filter-column"v-model="this.form.data.organizationId":disabled="isNotRoot"style="width: 10%"class="filter-item"clearableplaceholder="选择寺院"><el-optionv-for="item in organizationList":key="item.id":label="item.name":value="item.id"/></el-select>

如果是使用的html+jquery:

1.通过id获取下拉框的value和文本值

例如： <select class="form-control" id="numbers">
                      <option value="1">数字1</option>
                        <option value="2" selected>数字2</option>
              </select>

$("#numbers option:selected").val(); 获取到下拉框被选中的optionde value值：2；

$("#numbers option:selected").text(); 获取到下拉框被选中的optionde 文本内容：数字2；

2.默认选中某个select值：增加selected属性

input框中输入数字，失去焦点时调用selectNumber()方法，选中与input框中相同的数字

function selectNumber(){
var num = $("#num").val();   //获取input中输入的数字
var numbers = $("#numbers").find("option"); //获取select下拉框的所有值for (var j = 1; j < numbers.length; j++) {if ($(numbers[j]).val() == num) {$(numbers[j]).attr("selected", "selected");}}
}

下面是我个人的公众号：

我会经常分享一些关于后端、Java、前端、架构、数据库以及工具等方面的文章，感兴趣的同学可以关注一下哦~

select默认选中相关推荐

jQuery 设置select默认选中问题
在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...
vue.js 默认选中select_vue.js 解决v-model让select默认选中不生效的问题
笔者今天在开发中遇到一个看起来很神奇的问题,平时编辑的页面我们select下拉选框利用vue.js 的v-model来实现自动选中,今天无论如何都选不中,后来经过很久的复查和大神的一句话终于解决这个这 ...
antd checkbox 默认选中_antd + select 默认选中问题？
题目描述 react + antd select 默认选中问题题目来源及自己的思路我是通过 const { getFieldDecorator } = this.props.form;来设置他们的 ...
css select默认选中字体颜色,通过js修改input、select默认字体颜色
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失输入您要输入的内容 select默认选中项颜色为灰色,选择后变为黑色(js实现) var unSelected = " ...
通过JS修改select默认选中值触发onchage事件
通过JS修改select默认选中值触发onchage事件前言一.body部分二.js部分前言页面加载时,通过js修改select选中值,触发onchange事件,实现联动效果以下是本篇文章 ...
ASP判断select默认选中代码
ASP判断select默认选中的代码如下: dim level level = rs("a_level") <select name="level"> ...
struts2 select 默认选中
jsp: <s:select list="#{'1':'男','2':'女'}" name="sex"/> action: private Stri ...
element中select默认选中第一个_探索在网页中使用“标注”
github地址:https://github.com/1314mxc/yunUI ,欢迎star! 说起"标注",在HTML5之前,你可能想起的是各种浏览器插件,emmmmmmm ...
select默认选中的option_macOS下妙用option按键
macOS下option键是非常重要的按键,它的特性是激活一些隐藏功能,所以经常被多数人忽视.现在总结一下option键让你意想不到的功能吧. 最大化窗口 mac左上角三个按钮默认为关闭最小化和全屏 ...
select默认选中的option_技巧：MacOS 中 Option 键的隐藏功能
MacOS 中 Option 键是非常重要的按键,它的特性是激活一些隐藏功能,经常被忽视.看完下文再也不会觉得 Option 是个没啥用的按键了. 一.最大化窗口 Mac 左上角三个按钮默认为关闭.最 ...

select默认选中

select默认选中相关推荐

最新文章

热门文章