title: How to filter a dropdown list based from the text on a already pre selected list
body: <p>I am trying to filter the dropdown list based on the text from the first pre-selected list. The first list is contains 'United States' as pre selection and the list to be filtered is the second drop down menu. I would appreciate inputs on how to solve this.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class=""&gt;Argentina&lt;/li&gt;
      &lt;li class="selected"&gt;United States&lt;/li&gt;
      &lt;li class=""&gt;Australia&lt;/li&gt;
  &lt;/ul&gt;
  &lt;select data-val="false" data-val-length="Only 64 characters allowed." data-val-length-max="64" data-val-required="Country code can't be empty" id="CountryCode" name="CountryCode" class="valid"&gt;
      &lt;option value="ARG"&gt;Argentina&lt;/option&gt;
      &lt;option value="USA"&gt;United States&lt;/option&gt;
      &lt;option value="AUS"&gt;Australia&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The thing is that the user input is not required,as the list is pre-selected, in this case 'United States'. The output in the dropdown should have only contain 'United States' with the other countries hidden.</p>
  
  <p>I had asked a similar question before which was answered <a href="https://stackoverflow.com/questions/23629680/how-to-filter-a-dropdown-list-based-on-a-already-pre-selected-list">here</a>.</p>
  
  <p>But I am looking for a way to do this by using the text only from the list menu, that is by making no changes to the existing HTML.</p>