title: Unable to select item from dropdown list in Selenium Webdriver
body: <p>I'm using Selenium Webdriver ver 2.41 and Chrome ver 68.
  I'm trying to get one item from dropdown list:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="loc_placeholder" class="jLocPlaceholder" style=""&gt;All locations&lt;/div&gt;
      &lt;select id="location_facet" name="location_facet" class="search_input font_bold multiselect jLocInput chzn-done" data-placeholder="All locations" multiple="" style="display: none;"&gt;
        &lt;option value="233"&gt;United Kingdom&lt;/option&gt;
        &lt;option value="250"&gt;Netherlands&lt;/option&gt;
        &lt;option value="228"&gt;United States&lt;/option&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>etc.</p>
  
  <p>And my question is: why this piece of code doesn't work ? I tried many times with other options but driver still cannot select any option :/</p>
  
  <pre><code> WebElement location = driver.findElement(By.id("loc_placeholder"));
   location.click();
  
   Select dropdown = new Select(driver.findElement(By.id("location_facet")));
   dropdown.selectByValue("250");
   //dropdown.selectByIndex(1);     
   //dropdown.selectByVisibleText("Netherlands"); 
  </code></pre>
  
  <p>I'm getting click on the dropdown and list is roll out.</p>
  
  <p>Dependencies are:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;dependencies&gt;
          &lt;dependency&gt;
              &lt;groupId&gt;org.seleniumhq.selenium&lt;/groupId&gt;
              &lt;artifactId&gt;selenium-server&lt;/artifactId&gt;
              &lt;version&gt;3.11.0&lt;/version&gt;
          &lt;/dependency&gt;
          &lt;dependency&gt;
              &lt;groupId&gt;org.seleniumhq.selenium&lt;/groupId&gt;
              &lt;artifactId&gt;selenium-chrome-driver&lt;/artifactId&gt;
              &lt;version&gt;3.13.0&lt;/version&gt;
          &lt;/dependency&gt;
  
          &lt;dependency&gt;
              &lt;groupId&gt;junit&lt;/groupId&gt;
              &lt;artifactId&gt;junit&lt;/artifactId&gt;
              &lt;version&gt;4.11&lt;/version&gt;
              &lt;scope&gt;test&lt;/scope&gt;
          &lt;/dependency&gt;
      &lt;/dependencies&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm getting error:</p>
  
  <pre><code>org.openqa.selenium.ElementNotVisibleException: element not visible: Element is not currently visible and may not be manipulated
  </code></pre>
  
  <p>(Session info: chrome=68.0.3440.75)
    (Driver info: chromedriver=2.41.578737 (49da6702b16031c40d63e5618de03a32ff6c197e),platform=Windows NT 10.0.17134 x86_64) (WARNING: The server did not provide any stacktrace information)
  Command duration or timeout: 0 milliseconds
  Build info: version: '3.11.0', revision: 'e59cfb3', time: '2018-03-11T20:26:55.152Z'</p>