On changing an answer, CopyValue Trigger copy value from one question to another., Vue Survey Library Example

Copy Value Trigger

Open in new window

Export Pdf

Result
JavaScript
HTML
QR Code


                        
        
            Survey.StylesManager.applyTheme("default");
        


            
                var json = {
    textUpdateMode: "onTyping",
    triggers: [
        {
            type: 'copyvalue',
            expression: "{copyAddress} = 'Yes' and {billingaddress} notempty",
            setToName: 'shippingaddress',
            fromName: 'billingaddress',
        },
        {
            type: 'setvalue',
            expression: "{copyAddress} = 'No'",
            setToName: 'shippingaddress',
            setValue: '',
        },
    ],
    pages: [
        {
            title: 'Customer information',
            questions: [
                {
                    type: 'text',
                    name: 'name',
                    title: 'Name:',
                    isRequired: true,
                },
                {
                    type: 'comment',
                    name: 'billingaddress',
                    title: 'Billing address:',
                    isRequried: true,
                },
                {
                    type: 'radiogroup',
                    name: 'copyAddress',
                    title: 'is shipping address the same as billing',
                    choices: ['Yes', 'No'],
                    isRequired: true,
                    colCount: 0,
                },
                {
                    type: 'comment',
                    name: 'shippingaddress',
                    title: 'Shipping address:',
                    isRequried: true,
                    enableIf: "{copyAddress} != 'Yes'",
                },
            ],
        },
    ],
};

                window.survey = new Survey.Model(json);
            
        
            survey.onComplete.add(function(sender) {
            document.querySelector('#surveyResult').textContent =
            "Result JSON:\n" + JSON.stringify(sender.data, null, 3);
            });
        
        
            var app = new Vue({
            el: '#surveyElement',
            data:
            {
            survey: survey
            }
            });
        
;

<!DOCTYPE html>
<html lang="en">
<head>
    <title>On changing an answer, CopyValue Trigger copy value from one question to another., Vue Survey Library Example</title>

<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="/DevBuilds/survey-vue/survey.vue.min.js"></script>
    <link href="/DevBuilds/survey-core/survey.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">

</head>
<body>
    
            <div id="surveyElement" style="display:inline-block;width:100%;">
                <survey :survey='survey' />
            </div>
    <div id="surveyResult"></div>

<script type="text/javascript" src="./index.js"></script>

</body>
</html>

Copy Value Trigger

On changing an answer, CopyValue Trigger copy value from one question to another.

Why We Use Cookies