How can i disable a select2 drop down
<p>I want to disable a select2 dropdown on woocommerce checkout page.I want that the user can't change the country from the drop down on checkout page </p>

<p>I do not want to hide the field(country) but want just to disable the drop down</p>

<p>This is how html looks for the drop down</p>

<pre><code>&lt;div class="select2-drop select2-display-none select2-with-searchbox select2-drop-active" style="left: 92.5px; width: 556px; top: 668px; bottom: auto; display: block;" id="select2-drop"&gt;   

    &lt;div class="select2-search"&gt;      
        &lt;label for="s2id_autogen1_search" class="select2-offscreen"&gt;Country *&lt;/label&gt;       
        &lt;input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-1" id="s2id_autogen1_search" placeholder="" aria-activedescendant="select2-result-label-7"&gt;   
    &lt;/div&gt;   
    &lt;ul class="select2-results" role="listbox" id="select2-results-1"&gt;
        &lt;li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" role="presentation"&gt;
            &lt;div class="select2-result-label" id="select2-result-label-7" role="option"&gt;
            &lt;span class="select2-match"&gt;
            &lt;/span&gt;
            India
            &lt;/div&gt;
        &lt;/li&gt;
        &lt;li class="select2-results-dept-0 select2-result select2-result-selectable" role="presentation"&gt;
            &lt;div class="select2-result-label" id="select2-result-label-8" role="option"&gt;
            &lt;span class="select2-match"&gt;&lt;/span&gt;
            United Kingdom (UK)
            &lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Please help</p>