Select2 onchange not working

Question

When I've added select2 to all selects in my app it worked very nice except when in my select is this property(it works when I don't use select2):

onchange="'refresh()'"

Function refresh:

function refresh()
{
    document.forms[0].submit();
}

This is how I run select2

    $("select").each(function(){
        var this1 = $(this);
        if(this1.attr('multiple')!='multiple')
        {
            this1.select2();
        }
    });

How to pass this? Or maybe there is some mechanism inside the select2 that deals with that kind of problems? All kinds of suggestions are welcome:D

Answer 1

you need to update this: $(#Select/Input Element).select2();

 $("#select/input element").change(function () { var valueToSet = $("#select/input element").select2('data').text; $('#hiddent field to which data to be set').val(valueToSet); }); 

Answer 2

Not sure to understand. When one of yours selects changes, you want to call the refresh method? In that case :

$("select").each(function(){
    var $this = $(this);
    if($this.attr('multiple')!='multiple'){
        $this.select2();
        $this.change(refresh);
    }
});

Answer 3

Remove single quote from onchange="'refresh()' . Try as mentioned below :

<input type="checkbox" onchange="Refresh();"/>

And your script will be defined as below :

<script type="text/javascript">

        function Refresh() {
            alert('refresh');
        }
</script>