title: Scrapy, Selenium, jQuery Dropdown inconsistent behavior with select tag having style="display: none;"
body: <p>I'm trying to set dropdowns on <a href="https://willmyphonework.net/AdvanceLookup" rel="nofollow noreferrer">this page</a>: </p>
  
  <p>The first dropdown and the fourth dropdown are very similar (brands and country). This is the code I'm using for getting the brand (oem) and country:</p>
  
  <pre class="lang-py prettyprint-override"><code>oem = Select(wd.find_element_by_css_selector("#alBrandsList"))
  oem.select_by_visible_text("Acer")
  
  countries = Select(wd.find_element_by_css_selector("#alCountriesList"))
  countries.select_by_visible_text("Albania")
  </code></pre>
  
  <p>The dropdown is technically hidden, but it somehow seems to work for the device/oem dropdown. For the countries dropdown it is saying that the content isn't visible (which it is). Here's the HTML code it's pulling from:</p>
  
  <pre><code>&lt;select class="pretty-dropdown" datatosent="brand" id="alBrandsList" name="alBrandsList" selectorid="alPhoneModelsList" target="/AdvanceLookup/GetPhoneModels/" style="display: none;"&gt;
        ...
  &lt;/select&gt;
  &lt;button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 232px;"&gt;
    &lt;span class="ui-icon ui-icon-triangle-2-n-s"&gt;&lt;/span&gt;
    &lt;span&gt;Please select brand(s)&lt;/span&gt;
  &lt;/button&gt;
  
  &lt;select class="pretty-dropdown" datatosent="country" id="alCountriesList" name="alCountriesList" selectorid="alCarriersList" target="/AdvanceLookup/GetCarriers/" style="display: none;"&gt;
        ...
  &lt;/select&gt;
  &lt;button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 232px;"&gt;
    &lt;span class="ui-icon ui-icon-triangle-2-n-s"&gt;&lt;/span&gt;
    &lt;span&gt;Please select country&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Any idea why it works on the first one but not the second one?</p>