var max_input_fields=10;
var delimiter='|';

function http( data, callback ){
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
        if( xhr.readyState==4 && xhr.status==200 ) callback.call( this, xhr.response );
    };
    xhr.open( 'POST', document.location.href, true );
    xhr.send( data );
}

function cbhttp(r){
    document.querySelectorAll('output')[0].innerHTML=r
}

function bindEvents(){
    var oBttnAdd=document.getElementById('bttnadd');
    var oBttnSub=document.getElementById('bttnsub');
    var oForm=document.getElementById('dynelems');
    var oParent=document.getElementById('loopdiv');

    oBttnSub.onclick=function(e){
        /* scan the form and get values from all elements ( including dynamcially added ) and submit the form via xhr */
        var col=oForm.querySelectorAll('input[type="text"],textarea,select');
        var data=new FormData();
            data.append('delimiter',delimiter);

        for( var n in col ) if( col[n] && col[n].nodeType==1 ) {
            data.append( col[n].name, col[n].value.replace( delimiter, '' ) + delimiter );
        }
        http.call( this, data, cbhttp );
    };

    oBttnAdd.onclick=function(e){
        /* Add new rows based upon selected option from dropdown menu */
        var col=oParent.querySelectorAll('section[data-id]');
        var length=col.length;
        if( length < max_input_fields ){
            var newid=parseInt( col[ length-1 ].dataset.id ) + 1;
            var clone=oParent.childNodes[1].cloneNode( true );
                clone.dataset.id=newid;
                /* Set new name for the textarea */
                clone.childNodes[3].childNodes[1].name='videolink'+newid;

            oParent.appendChild( clone );
        }
    }
}
document.addEventListener('DOMContentLoaded', bindEvents,false);

<form action="adddilemman.php" id="dynelems" method="post" enctype="multipart/form-data">

    <br>
    <div id='loopdiv'>
            <?php
                /* Data-id is used by js to determine next suitable id */
                echo "
                    <section data-id=1>
                        <h2>Dilemma</h2>
                        <div>Video länk:<br><textarea rows='1' cols='40' name='videolink1'></textarea></div>";

                for( $i=1; $i <= 4; $i++ ){

                    /* Add four text fields and four select menus */
                    echo "
                        <div>
                            Answer: <input type='text' name='answer{$i}[]'/>
                            <select name='options{$i}[]'>";

                    /* Add options to each select menu */
                    for( $j=1; $j <= 10; $j++ ){
                        echo "<option value={$j}>{$j}";
                    }

                    /* Close each nested div & select menu */
                    echo "
                            </select>
                        </div>";
                }
                /* Close initial section */
                echo "
                    </section>";

            ?>
            </div>

            <div class='input_fields_wrap'>
              <div></div>
            </div>
            <input id='bttnadd' type='button' name='add_field_button' value='Lägg till fler svar'/>
            <input id='bttnsub' type='submit' name='sub' value='Submit'/>
        </form>
        <output></output>

<?php
    if( $_SERVER['REQUEST_METHOD']=='POST' ){
        ob_clean();
        /* This is here only to simplify development and display here */

        $delimiter=isset( $_POST['delimiter'] ) ? $_POST['delimiter'] : '|';

        /* process form submission: for testing purposes just echo out data sent */
        foreach( $_POST as $field => $value ) {
            if( $field!='delimiter' ){
                if( is_array( $value ) ) echo 'Array values: '.$field.'='.rtrim( str_replace( $delimiter, ',', implode( ' ', $value ) ), ',' ).'<br />';
                else echo 'String value: '.$field.'='.trim( str_replace( $delimiter, '', $value ) ).'<br />';
            }
        }

        exit();
    }
?>