JS给文本框赋多个值

  • Last update:  2022-08-22
  • 1. 概述

    1.1 问题描述

    希望能将每次下拉框选择的值赋给文本框,最后组成一个字符串,如下图所示:

    image.png

    1.2 实现思路

    给下拉框控件添加「编辑后」事件,使下拉框每次选择值后,都将值拼接到文本框内容之后。接口说明可以参考:获取和设置单元格值接口

    2. 示例

    2.1 模板设计

    添加一个下拉框控件和一个文本控件,如下图所示:

    222

    2.2 设置下拉框数据字典

    image.png

    2.3 下拉框添加编辑后事件

    JavaScript 代码如下:

    var value = this.getValue();
    //获取当前选择的值
    var text = _g().getCellValue(0, 1, 1);
    //获取文本框控件所在单元格的值 
    if (value.length != 0) {
    //排除掉空数据
    if (text.length == 0) {
    _g().setCellValue(0, 1, 1, value);
    //若文本框没有值,则直接将当前选择的值赋给文本框所在单元格
    } else {
    _g().setCellValue(0, 1, 1, text + "," + value);
    //若文本框有值,则将当前值拼接在原值之后
    }
    }

    2.4 预览效果

    保存模板,填报预览后效果如下所示:

    222

    注:不支持移动端预览。

    3. 模板下载

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\49-JS给文本框赋多个值.cpt

    点击下载模板:49-JS给文本框赋多个值.cpt

    Attachment List


    Theme: 填报应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy