Using jquery with modx

  $(function(){
            // turn the element to select2 select style
            $('#search,#search2').select2();
        });

        $(document).ready(function(){
            var str = "";
            var str2 = "";
	    var groupNr = "";

            $(".searchBack").click(function(){
                $('.searchContainer').removeClass("hidden");
                $('.searchBack').addClass("hidden");
                $('.result').addClass('hidden');
            });
            $( "#search" )
                    .change(function() {

                        $( "#search option:selected" ).each(function() {
                            str += $( this ).val() + " ";
                        });
                        if($('#search').val()){
                            $('#searchBox2').removeClass('hidden');
                        } 
                    })

            $( "#search2" )
                    .change(function() {
                        var group1 = ['PL'];
                        var group2 = ['AD','RS','CH'];
                        var group3 = ['AT','BE','BG','HR','CY','CZ','DK','EE','FI','FR','GR','ES','NL','IR','IS','LT','LU','LV','MT','DE','NO','PT','RO','SK','SI','SE','HU','GB','IT'];
                        var group4 = ['SM','MC','LI'];
                        var group5 = ['QQ'];

                        $("#search2 option:selected").each(function () {
                            str2 += $(this).val();
                            if ($.inArray(str2, group1) !== -1) {
                                groupNr ="1";
                            }
                            else if ($.inArray(str2, group2) !== -1) {
                                groupNr = "1";
                            }
                            else if ($.inArray(str2, group3) !== -1){
                                  groupNr = "1";
                            }
                            else if ($.inArray(str2, group4) !== -1){
                                  groupNr = "44";
                            }
                            else if ($.inArray(str2, group5) !== -1){
                                 groupNr = "33";
                            }

                            });
                            if($('#search2').val()){
                                $('#submit').removeClass('hidden');
                            }

					
                    })
                    .trigger( "change" );
  				$("#submit").click(function(){
                $('.searchContainer').addClass("hidden");
                $('.searchBack').removeClass("hidden");
                $('#search2').hide();
                $('.result').removeClass('hidden');


//Here is the problem- As you can see I've missed the last "]". If I add it to complete the call it all breaks down.
 
		$('.result').text('[[getResourceField?' + '&id=`'+ $.trim(str) + '`'+' &field=`'+ $.trim(groupNr)+'`' + '&processTV=`1` ]');

            });




        });

 $('.result').text('['+ '[getResourceField?' + '&id=`'+ $.trim(str) + '`'+' &field=`'+ $.trim(groupNr)+'`' + '&processTV=`1` + ' ]' + ']');

[[!getResourceField? &id=`{{id}}` &field = `{{field}}`  &processTV=`{{processTV}}` ]]            

$.ajax({
  type: "POST",
  url:"[[++site_url]][[~2]]",
  data: {dynamicTv:dynamicTv},
  success: function(data){ 
            $(".result").html(data); 
         },

});

$dynamicTv = $_POST['dynamicTv'];
$page = $modx->getObject('modResource', 1);
return $page->getTVValue($dynamicTv);

$allowed_tvs = 'tv1,tv2,tv3,tv4';

$allowed_tvs=explode(',',$allowed_tvs);
$dynamicTv = $_POST['dynamicTv'];

if (in_array($dynamicTv,$allowed_tvs)){
    $page = $modx->getObject('modResource', 1);
    return $page->getTVValue($dynamicTv);
}

return 'you are not allowed to view the value of this TV';