开发者社区> 问答> 正文

通过代码模拟手动更新子表单值后产生的联动更新效果

image.png

export function onChangeOutboundSelection({value}){
if(value == "调清漆"){
this.$("tableField_lr84ughe").getProps().onChangeOutboundSelection(setValue([
{ "selectField_lrex52u1": "清漆","numberField_lr84ughg":40},
{ "selectField_lrex52u1": "清漆固化剂","numberField_lr84ughg":20},
{ "selectField_lrex52u1": "清漆稀释剂", "numberField_lr84ughg": 20 }
]))
代码有错误,无法实现给子表单中的下拉单选组件模拟手动更新赋值,求解

展开
收起
hnd6ksdqn3yrk 2024-01-17 10:29:25 29 0
1 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    要模拟手动更新子表单值后产生的联动更新效果,可以使用JavaScript和HTML实现。以下是一个简单的示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>联动更新示例</title>
    </head>
    <body>
        <form id="myForm">
            <label for="parentValue">父表单值:</label>
            <input type="text" id="parentValue" value="0">
            <br>
            <label for="childValue">子表单值:</label>
            <input type="text" id="childValue" value="0">
        </form>
    
        <script>
            // 获取表单元素
            const parentValueInput = document.getElementById('parentValue');
            const childValueInput = document.getElementById('childValue');
    
            // 监听父表单值的变化
            parentValueInput.addEventListener('input', function() {
                // 计算子表单值
                const parentValue = parseInt(parentValueInput.value);
                const childValue = parentValue * 2; // 假设子表单值是父表单值的两倍
    
                // 更新子表单值
                childValueInput.value = childValue;
            });
        </script>
    </body>
    </html>
    

    在这个示例中,我们创建了一个简单的表单,包含一个父表单值输入框和一个子表单值输入框。当父表单值发生变化时,我们根据一定的规则(这里是乘以2)计算子表单值,并更新子表单值输入框的值。这样就实现了手动更新子表单值后产生的联动更新效果。

    2024-01-17 14:06:41
    赞同 展开评论 打赏
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载