element el-select选中事件（根据选中的值是否显示时长的选择框）

男娘i 2023-02-16 06:05 5阅读 0赞

效果图：

![20200608190905734.png][]

![20200608190917421.png][]

1. html

<span class="titleSize">处理</span>
              <el-form label-position="left">
                <el-form-item>
                  <span class="dialogIitle"><span class="note">*</span>操作：</span>
                  <el-select v-model="freezing_operation" placeholder="请选择"  @change="freezing(freezing_operation)" clearable>
                    <el-option
                        v-for="(key,value) in operation"
                        :key="value"
                        :label="key"
                        :value="value">
                      </el-option>
                  </el-select>
                </el-form-item>
              </el-form>
               <el-form label-position="left">
              <el-form-item :style="styleObj">
                <span class="dialogIitle"><span class="note">*</span>时长：</span>
                <el-select v-model="duration" placeholder="请选择" clearable>
                  <el-option
                        v-for="(key,value) in days"
                        :key="key"
                        :label="value"
                        :value="key">
                        </el-option>
                </el-select>
              </el-form-item>
            </el-form>

2.js

// 是否显示时长
            freezing(val) {
               if(val==4 || val==6){
                  this.styleObj.display ="none"
               }else{
                 this.styleObj.display ="block"
               }
            },

[20200608190905734.png]: https://img-blog.csdnimg.cn/20200608190905734.png
[20200608190917421.png]: https://img-blog.csdnimg.cn/20200608190917421.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

短命女/ 2024年03月27日 09:37/ 0 赞/ 78 阅读

相关 element el-select选中事件（根据选中的值是否显示时长的选择框）

效果图： ![20200608190905734.png][] ![20200608190917421.png][] 1. html <span class=

男娘i/ 2023年02月16日 06:05/ 0 赞/ 6 阅读

相关 element选择器同时需要选中值的两个值

element选择器同时需要选中值的两个值（lable及code）话不多说，直接上代码（主要是自己遇到的问题，记录一下） HTML代码 <el-selec

谁借莪１个温暖的怀抱￠/ 2022年12月15日 11:30/ 0 赞/ 56 阅读

相关 jQuery让checkbox框选中，查看checkbox是否已选中的状态

1.jQuery选中checkbox框 $("xxxx").attr("checked", true); //xxxx是checkbox框的id；true是选

ゝ一纸荒年。/ 2022年11月21日 11:42/ 0 赞/ 250 阅读

相关 easyui根据值设置Radio选中

<label class="radio-inline i-checks"><input type="radio" name="Status" value="1" /> 启用</

浅浅的花香味﹌/ 2022年06月12日 03:18/ 0 赞/ 630 阅读

相关 radio 根据默认值选中

添加checked即可 ![70][] <input type="radio" name="operatorChar" va

冷不防/ 2022年05月29日 11:12/ 0 赞/ 253 阅读

相关 Jquery改变多选框的值的时候,源代码显示选中但是页面上显示没有选中

这是之前的代码: for (let me of menuid) { $('' + me.menuid).attr("checked",

╰+攻爆jí腚メ/ 2022年04月21日 22:38/ 0 赞/ 138 阅读

相关 jquery如何绑定选择框的选中事件(checked)

jquery中input和select对象没有自带的选中事件(checked),必须手动实现直接看例子再解释吧: html <div class="fiel

刺骨的言语ヽ痛彻心扉/ 2022年03月28日 11:18/ 0 赞/ 510 阅读

相关 JQuery操作复选框checkbox技巧总结(设置选中、取消选中、获取被选中的值、判断是否选中等)

一、`checked`属性定义先了解下`input`标签的`checked`属性： 1、HTML `<input>` `checked` 属性 ◆ 定义和用法

怼烎@/ 2021年09月19日 12:20/ 0 赞/ 489 阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

Bertha 。/ 2021年09月13日 14:52/ 0 赞/ 564 阅读