精华内容
下载资源
问答
  • 下拉框清空

    2016-12-02 21:37:08
    大家应该也遇到过这样的问题,当动态的添加多个下拉框的时候,下列框里边的值可能还延续上边的情况,可想让它清空并且第一条默认显示某个东西,不妨试试下边这样写:  $(next.children("select")[1]).empty(); ...

    大家应该也遇到过这样的问题,当动态的添加多个下拉框的时候,下列框里边的值可能还延续上边的情况,可想让它清空并且第一条默认显示某个东西,不妨试试下边这样写:

             $(next.children("select")[1]).empty();

            $(next.children("select")[1]).append("<option value='Value'>医生</option>");
    展开全文
  • 项目前端用的avue框架 然后要做一个上传附件的表单 上传完附件把图片大小等信息回填到表单中 然后一个选择下拉框清空上传的文件 实现 表单是这样的 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接...


    需求

    项目前端用的avue框架 然后要做一个上传附件的表单 上传完附件把图片大小等信息回填到表单中 然后一个选择下拉框清空上传的文件

    难点

    • 上传文件前 把选中下拉框的值传给后台
    • 上传文件后回填部分表单的信息
    • 改变下拉框的值清空上传的文件

    实现

    表单是这样的

    代码如下:

    		{
                label: '渠道',
                prop: 'channel',
                type: 'select',
                rules: [{
                    required: true,
                    message: '请输入渠道',
                    trigger: 'blur'
                }],
                dicData: [{
                    label: '大众',
                    value: 'tppddz000'
                }, {
                    label: '学校',
                    value: 'tpschool000',
                }, {
                    label: 'tcl',
                    value: 'tptcl000'
                }, {
                    label: '永创',
                    value: 'tpyc000'
                }],
                // editDisabled: true,
            },
            {
                label: '上传应用',
                prop: 'downloadLink',
                type: 'upload',
                loadText: '附件上传中,请稍等',
                span: 24,
                dataType: 'string',
                // listType: 'picture-img',
                data: {
                    channel: ''
                },
                propsHttp: {
                    res: 'data',
                    name:'downloadLink',
                    url:'downloadLink',
                },
                accept: 'application/vnd.android.package-archive',
                // listDisplay: false,
                tip: '只能上传apk文件',
                action: '/admin/version/upload',
                showColumn: false,
                limit: 1
            },
    		{
                label: '应用icon',
                prop: 'appIconLink',
                type: 'upload',
                listType: 'picture-img',
                loadText: '附件上传中,请稍等',
                accept: 'image/png, image/jpeg',
                data: {
                    channel:''
                },
                propsHttp: {
                    res: 'data',
                    name: 'appIconLink',
                    url: 'appIconLink'
                },
                tip: '只能上传jpg/png文件',
                action: '/admin/version/uploadIcon',
            },
    

    之前列表图片一直显示不出来 然后把应用图标的listType: 'picture-img'

    watch事件:

    <avue-crud
              ref="crud"
              :page="page"
              :data="tableData"
              :permission="permissionList"
              :table-loading="tableLoading"
              :option="tableOption"
              :upload-before="uploadBefore"
              :upload-after="uploadAfter"
              :upload-delete="uploadDelete"
              @on-load="getList"
              @row-update="handleUpdate"
              @row-save="handleSave"
              @search-change="searchChange"
              @size-change="sizeChange"
              @current-change="currentChange"
              @row-del="rowDel"
              v-model="form"
          >
          </avue-crud>
    <script>
    
        watch: {
        'form.channel': {
          handler(n, o) {
            // console.log(n)
            // console.log(o)
            let ssjgid = this.findObject(this.$refs.crud.tableOption.column, 'channel');
            // console.log(this.$refs.crud.tableForm)
            // debugger
              //新值和老值不一样时候即下拉框发生改变的时候 上传文件清空
            if (n != undefined && o != undefined && n != o) {
              this.$refs.crud.tableForm.downloadLink = []
            }
          }
        }
      }
        methods: {
        
        uploadBefore(file, done, loading, column) {
          var downloadLink = this.findObject(this.$refs.crud.tableOption.column, 'downloadLink')
          var appIconLink = this.findObject(this.$refs.crud.tableOption.column, 'appIconLink')
    
          console.log(this.$refs.crud.tableForm);
          // debugger
          var channelValue = this.$refs.crud.tableForm.channel;
          if (channelValue == "") {
            this.$message.success('上传前请先选择渠道')
            loading();
          } else {
            downloadLink.data.channel = channelValue;
            appIconLink.data.channel = channelValue;
            // debugger
            done();
          }
          // debugger
    
          // this.$message.success('上传前的方法')
        },
        uploadAfter(res, done, loading) {
          // console.log(res)
    
          console.log(res.downloadLink)
          done()
          if (res.downloadLink != null) {
            this.$refs.crud.tableForm.appSize = res.appSize
            this.$refs.crud.tableForm.checkCode = res.checkCode
          }
          return this.form.appSize = res.appSize;
        },
        
    
      }
      </script>
    

    就是uploadBefore事件是上传图片前触发的事件 校验先选择渠道 uploadAfter事件是上传图片后触发的事件 回填文件大小和md5校验码 中的res就是options里的propsHttp中res

    watch监听事件 form.channel与表单v-model="form"对应


    总结

    avue真不好整。。

    参考博客:
    https://blog.csdn.net/leaders_forerver/article/details/108535397?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight

    展开全文
  • vue下拉框清空

    千次阅读 2019-09-30 15:33:45
     this.$refs.vendorId.query = ''//.query是因为this.$refs.vendorId只能清空展示的下拉框的数据,不能清空底层的数据所以要.query清空底层数据  this.tableData = []  }, 转载于:...
    <Select ref="vendorId" v-model="formInline.vendorId" @on-open-change="venSelect" filterable style="width: 162px;" @on-change="vendorChange"
                v-if="vendorShow">
                <Option v-for="item in vendorList" :value="item.vendorId" :key="item.vendorId">{{ item.venAbbName + '-' + item.vendorCode }}</Option>
      </Select>
     
    要重置查询的数据。在重置中清空refs
     
    // 重置
          reloadFun() {
            this.formInline = {
              vendorId: '',
              productCode: '',
              inventoryCode: '',
              sendDate: '',
              remark: '',
              cwhCode:''
            }
            this.$refs.vendorId.query = ''//.query是因为this.$refs.vendorId只能清空展示的下拉框的数据,不能清空底层的数据所以要.query清空底层数据
            this.tableData = []
          },

    转载于:https://www.cnblogs.com/wssdx/p/11508592.html

    展开全文
  • 下拉框清空与追加

    2018-12-19 16:17:00
    清空: $("#id").empty(); 追加: $("#tariffCode").append("&lt;option value='" + tariffObj[i].code + "'&gt;" + tariffObj[i].name + "&lt;/...

    清空:

    $("#id").empty();

    追加:

    $("#tariffCode").append("<option value='" + tariffObj[i].code + "'>" + tariffObj[i].name + "</option>");

     

    利用$ajax 动态 append("<option></option>") 会用到,每次追加前必须先清空。 

     

    补充:

    初始化加载下拉框:

    前台接收

    var tarifflist = '${tarifflist}';
    var tariffObj = $.parseJSON(tarifflist);
    if (tariffObj) {
       for (var i = 0; i < tariffObj.length; i++) {
           $("#tariffCode").append("<option value='" + tariffObj[i].code + "'>" + tariffObj[i].name + "</option>");
       }
    }

    后台拼装

    Controller层

    @RequestMapping(params = "accountOpening")
        public ModelAndView accountOpening(HttpServletRequest request) {
            ModelAndView modelAndView = new ModelAndView("ppms/customerManagement/account_opening");
            Date date = new Date();
            String spresetCredit = CustInfoManConstants.ACCOUNT_OPENING_TYPEGROUPCODE.PRESET_CREDIT.getTypeName();
            String semergencyCredit = CustInfoManConstants.ACCOUNT_OPENING_TYPEGROUPCODE.EMER_CREDIT_LIMIT.getTypeName();
            String slowCreditAlarm = CustInfoManConstants.ACCOUNT_OPENING_TYPEGROUPCODE.LOW_CREDIT_ALARM.getTypeName();
            String sarrearPercent = CustInfoManConstants.ACCOUNT_OPENING_TYPEGROUPCODE.DEFAULT_ARREAR_PCT.getTypeName();
            String presetCredit = dayendReconServiceI.getTypeCodeByGroupId(dayendReconServiceI.getGroupIdByGroupCode(spresetCredit));
            String emergencyCredit = dayendReconServiceI.getTypeCodeByGroupId(dayendReconServiceI.getGroupIdByGroupCode(semergencyCredit));
            String lowCreditAlarm = dayendReconServiceI.getTypeCodeByGroupId(dayendReconServiceI.getGroupIdByGroupCode(slowCreditAlarm));
            String arrearPct = dayendReconServiceI.getTypeCodeByGroupId(dayendReconServiceI.getGroupIdByGroupCode(sarrearPercent));
    
            modelAndView.addObject("presetCredit",presetCredit);
            modelAndView.addObject("emergencyCredit",emergencyCredit);
            modelAndView.addObject("lowCreditAlarm",lowCreditAlarm);
            modelAndView.addObject("arrearPct",arrearPct);
    
            //gst
            List list = customerInfoService.getGstCodeAndValue(date);
            String gstList = JSONObject.toJSONString(list);
            modelAndView.addObject("gstList",gstList);
    
            //tariff,应从数据库中查询可用tariffCode,根据code查询字典表中的name,存入list返回到前台
            List tarifCodeList = customerInfoService.getTarifCode(date);
            List generateTariffList = customerInfoService.generateTariffList(tarifCodeList);
            String tarifflist = JSONObject.toJSONString(generateTariffList);
            modelAndView.addObject("tarifflist",tarifflist);
    
            return modelAndView;
        }

    Service层

    @Override
        @DataSourceValue(DataSourceType.dataSource_jeecg)
        public List generateTariffList(List list) {
            List<Map<String, Object>> tariffList = new ArrayList();
            //查询字典表,根据groupId查询code和name的列表,遍历该列表,根据传入的tariffcode查name
            List<Map<String, Object>> mapList = tstypeService.getTypeCodeAndNameByGroupId(tstypeService.getGroupIdByGroupCode("TARIFF"));
            if (list != null && list.size() > 0) {
                for (int i = 0; i < list.size(); i++) {
                    Map<String, Object> map = new HashMap();
                    String tariffCode = list.get(i).toString();
                    if (mapList != null && mapList.size() > 0) {
                        for (int j = 0; j < mapList.size(); j++) {
                            Map<String, Object> stringObjectMap = mapList.get(j);
                            String code = stringObjectMap.get("code").toString();
                            if (code.equals(tariffCode)) {
                                String tariffName = stringObjectMap.get("name").toString();
                                map.put("code", code);//tariffCode
                                map.put("name", tariffName);//tariffName
                                tariffList.add(map);
                            }
                        }
                    }
    
                }
            }
            return tariffList;
        }

     

    展开全文
  • <Select v-model="vehicleTypeId" ref="vehicleType" filterable clearable > <Option v-for="item in vehicleTypeList" :value="item.id" ...
  • {{ item.name }} 首先我们需要一个固定name做全局响应 然后,去mixin.js也就是一个公共js中去改写并利用iview源码的规则清空focus存在的样式 handleCancleModel() { // 取消创建 this.showDrawer = false Object....
  • 在说清空取参,一开始用的我绑了一个refs,使用了this.$refs.dataRef.getCheckedNodes()是可以取值的,但是清空时发现在下拉框取消点选,和在选择框点最后叉号取消这两个方法都没问题this.$refs.dataRef....
  • Extjs4 下拉框清空已选数据插件

    千次阅读 2014-07-06 22:12:43
    Ext.define('Ext.ux.ClearValuePlugin', { alias: 'plugin.clearvalueplugin', trigger1Cls: Ext.baseCSSPrefix + 'form-clear-trigger', trigger2Cls: Ext.baseCSSPrefix + 'form-arrow-trigger',
  • 需求:品类下拉框选择翡翠时才显示货品形态下拉框,如果不是翡翠,则隐藏货品形态下拉框 搜索栏组件传入配置项格式如下: formOptions: [ { label: ‘品类’, prop: ‘productType’, element: ‘el-select’, ...
  • 应用场景: 代码解释bug现象: onReset() { this.status = ''; this.getData(); }, 然后由于此处获取到的this.status为undefined,所以接下来调用接口会缺少参数。 bug修复: ... let obj =
  • 下拉框清空

    2019-02-14 16:15:00
    ... $('#bizGroupMemberTaskQuery_admin_query').find('#btn-reset').on('click',function(){ ...清空 button > div >   转载于:https://www.cnblogs.com/xiaowoniulx/p/10375206.html
  • 下拉框清空问题

    2019-02-06 17:49:08
    在学习重庆邮电大学信息管理系统的时候发现下拉框绑定非常有趣。于是就试着敲了一遍,如下: 第一个参数是表示要绑定的元素ID,第二个是数据请求路径。 function createSelect(selectid, url) { $.post(url, ...
  • 标题Ajax生成select级联下拉框清空多余选项 实现效果 function professionType(){ var obj=document.getElementById(“下拉框id”); var index = obj.selectedIndex; var professionType = obj.options[index]....
  • JS级联下拉框清空与赋值

    千次阅读 2018-01-31 09:10:35
    $("#id").empty();...使用$ajax 动态 append("") 时,每次追加前必须先清空 jsp: js: var wis = data.wis; var str = ""; $.each(wis, function(i, item) { str += ""+ item +""; }); $
  • vue下拉框数据清空后,赋值无效

    千次阅读 2020-06-11 15:46:21
    一级项目与二级项目联动,当选择“一级项目”后,清空“二级项目”选择框内容,此时出现赋值无效的问题。 3、解决 页面 method getSecondName(){ this.$forceUpdate(); } 添加this.$forceUpdate();进行强制渲染,...
  • 清空 下拉框 input

    2019-11-11 11:11:18
    $("#shopid").empty(); $("input[ name='username']").val('');
  • 下拉框select标记清空选项

    千次阅读 2011-08-21 21:21:46
    有的时候需要动态添加下拉框的选项。比如:第一个下拉框选择省份,第二个选择市。  //city,是第二个下拉框  var option = document.createElement('option');  option.value ="1";  o
  • 数据源:var aa:ArrayCollection=new ArrayCollection([{label:"1",data:1},{label:"2",data:2}]); *******" dataProvider="{aa}" selectedIndex="1" ...这样才可以清空下拉框。如果先赋数据源,在设为-1,则不会清空
  • //清空下拉框内容 动态加载下拉框内容 function findConsultant(){  $("#counselor").empty();//清空下拉框内容   var schoolID=$("#schoolID").val();  var params="deptId="+schoolID;  $.ajax({...
  • 最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除。 2.当没有选中...
  • select下拉框取值与清空数据

    千次阅读 2019-12-17 09:36:59
    将select的值清空 js实现 方法一 document.getElementById(“selectId”).options.length = 0; 方法二 document.formName.selectName.options.length = 0; 方法三 document.getElementById(“selectId”)....
  • jsp绑定联动下拉框

    2020-05-21 01:42:24
    ①.首先查出来所有下拉框在Controller里传到jsp页面,然后循环绑定到页面 ②.在jsp页面加载js(下拉框.change(function(){ ...将下拉框清空,把拿到的数据循环(content+=) 最后,在循环外.html(content); })); ...
  • //清空combotree下拉框图标 $(".tree-icon,.tree-file").removeClass("tree-icon tree-file"); $(".tree-icon,.tree-folder").removeClass("tree-icon tree-folder tree-folder-open tree-folder-closed"); ...
  • LayUI清空下拉框的值

    2021-02-22 13:37:55
    //监听事件 form.on('select(id)',function(elem){ //执行清空 $("#id").empty(); form.render("select"); });

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 390
精华内容 156
关键字:

下拉框清空