title: Python selenium select option from angular js ng-select
body: <p>I've been trying to make a selection from a drop down but cannot seem to figure out how.</p>
  
  <p>Here's what I'm trying to get:</p>
  
  <pre><code>&lt;div _ngcontent-wdj-c58="" class="delivery-group"&gt;
      &lt;span _ngcontent-wdj-c58=""&gt;Guaranteed Delivery Time:&lt;/span&gt;
      &lt;div _ngcontent-wdj-c58="" class="select-container"&gt;
          &lt;ng-select _ngcontent-wdj-c58="" class="ng-select ng-select-single ng-select-clearable ng-pristine ng-invalid ng-select-bottom ng-touched" formcontrolname="guaranteedDeliveryTime" notfoundtext="No options" placeholder="Choose" role="listbox"&gt;
              &lt;div class="ng-select-container"&gt;
                  &lt;div class="ng-value-container"&gt;
                      &lt;div class="ng-placeholder"&gt;Choose&lt;/div&gt;
                      &lt;!----&gt;
                      &lt;!----&gt;
                      &lt;div class="ng-input"&gt;&lt;input role="combobox" type="text" autocorrect="off" autocapitalize="off" autocomplete="a67359450338" readonly="" aria-expanded="false"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!----&gt;
                      &lt;!----&gt;
                      &lt;span class="ng-arrow-wrapper"&gt;
                          &lt;span class="ng-arrow"&gt;&lt;/span&gt;&lt;/span&gt;
                          &lt;/div&gt;&lt;!----&gt;&lt;/ng-select&gt;
                          &lt;div _ngcontent-wdj-c58="" class="select-validation"&gt;
                              &lt;eld-shared-validation _ngcontent-wdj-c58="" message="Specify delivery time." _nghost-wdj-c55=""&gt;
                                  &lt;!----&gt;
                                  &lt;/eld-shared-validation&gt;
                                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>update : 
  when I use selenium Select : </p>
  
  <pre><code>a =Select(driver.find_element_by_xpath('/html/body/eld-root/div[2]/div[2]/div/eld-sell-page/div/section/eld-place-offer/div/div/eld-shared-offer-edit-form/form/div[1]/div[1]/div/ng-select'))
  </code></pre>
  
  <p>I got error :</p>
  
  <pre><code>UnexpectedTagNameException: Message: Select only works on &lt;select&gt; elements, not on &lt;ng-select&gt;
  </code></pre>
  
  <p>item code html is :</p>
  
  <pre><code>&lt;div class="ng-dropdown-panel-items scroll-host"&gt;
  &lt;div&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;!----&gt;
          &lt;!----&gt;
          &lt;div class="ng-option ng-star-inserted ng-option-marked" role="option" aria-selected="false" id="a67359450338-0"&gt;
              &lt;!----&gt;
              &lt;!----&gt;
              &lt;span class="ng-option-label ng-star-inserted"&gt;20 min&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-1"&gt;
                  &lt;!----&gt;
                  &lt;!----&gt;
                  &lt;span class="ng-option-label ng-star-inserted"&gt;1 h&lt;/span
                  &gt;&lt;/div&gt;
                  &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-2"&gt;
                      &lt;!----&gt;
                      &lt;!----&gt;&lt;span class="ng-option-label ng-star-inserted"&gt;5 h&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-3"&gt;
                          &lt;!----&gt;
                          &lt;!----&gt;
                          &lt;span class="ng-option-label ng-star-inserted"&gt;1 day&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-4"&gt;
                              &lt;!----&gt;
                              &lt;!----&gt;
                              &lt;span class="ng-option-label ng-star-inserted"&gt;2 days&lt;/span
                              &gt;&lt;/div&gt;
                              &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-5"&gt;
                                  &lt;!----&gt;
                                  &lt;!----&gt;
                                  &lt;span class="ng-option-label ng-star-inserted"&gt;7 days&lt;/span&gt;
                                  &lt;/div&gt;
                                  &lt;div class="ng-option ng-star-inserted" role="option" aria-selected="false" id="a67359450338-6"&gt;
                                      &lt;!----&gt;
                                      &lt;!----&gt;&lt;span class="ng-option-label ng-star-inserted"&gt;28 days&lt;/span&gt;
                                      &lt;/div&gt;
                                      &lt;!----&gt;
                                      &lt;!----&gt;
                                      &lt;!----&gt;
                                      &lt;!----&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
  </code></pre>
  
  <p>I try use webdriver ==> Select 
  or find element and click() and send_Keys(something) but they doesn't work </p>
  
  <p>the site is <a href="https://www.eldorado.gg/" rel="nofollow noreferrer">https://www.eldorado.gg/</a> and for see select box should be go to sell and for my case clash of clans and then you see that when want to Fill in the blanks 
  but should be sign up 
  if is possible check a site and see if 
  tnx</p>