获取下拉框select上次选择的值

如图所示，如果我们需要获取select的当前选中项，直接用on-change事件直接返回就行，但有些情况下，我们需要获取上一次选中的值来做一些判断：

<Row><Col :span="12"><FormItem label="类型"><Select ref="typeSelect" v-model="projectType" :transfer="false" @on-change="handleTypeChange"><Option v-for="item in projectTypes" :key="item.value" :value="item.value">{{item.label}}</Option></Select></FormItem></Col>
</Row>

handleTypeChange(value){console.log(value)    // 本次选中的值console.log(this.$refs.typeSelect.value)   // 上次选中的值
}

说明： 需要在select上添加ref，然后通过$refs来获取上次选中的值（value），如果需要label，需要遍历projectTypes，找到value值所对应的label。

获取下拉框select上次选择的值相关推荐

PHP获取表单值--同时获取下拉框的Value和Text值
同时获取下拉框的Value和Text值的解决办法: 添加一个<p>标签,用户选中一项后就将该项的Text赋值给他然后接受页面获取该P变迁即可获取到相应的Text值表单填写页面: [ht ...
html下拉框代码默认选中状态,@Html.DropDownListFor 下拉框绑定（选择默认值）
首先先构建绑定下拉框的数据源 private void GetSalesList() { var userList = _rmaExpressAppService.GetUserList(); Tem ...
js控制html下拉框select的选择,js实现select下拉框选择
最近在做一个项目需要兼容到ie不同版本,在使用select时遇到了各种问题.后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧. 自定义select *{ margin: 0; p ...
关于下拉框select和option默认值选定
标签里添加selected即表示默认选定值但如何用程序控制,也就是动态生成默认值呢? 网上找了半天都没有直接适合的,不过受到了启发,如下代码实现: 用户选择月份,验证输入不合法后返回,下拉框里的默认 ...
@Html.DropDownListFor 下拉框绑定（选择默认值）
首先先构建绑定下拉框的数据源 private void GetSalesList(){var userList = _rmaExpressAppService.GetUserList();TempDa ...
MUI框架获取下拉框SELECT选中值
HTML代码: <select οnchange="index.initClickOrg()" class="mui-h5" id="org&q ...
select获取下拉框的值下拉框默认选中
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: <select class="form-control" id=" ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...

获取下拉框select上次选择的值

获取下拉框select上次选择的值

获取下拉框select上次选择的值相关推荐

最新文章

热门文章