单击下拉菜单项时出现 UnexpectedTagNameException

Question

我正在尝试让 Python / Selenium 正确单击下拉菜单并选择“IT”，但我能做的最好的事情就是找到元素并收到错误消息，指出我无法在找到的内容上输入文本.

基本上，用户会单击该菜单并选择 IT 或键入 IT 并按 Enter。

HTML 代码：

<div class="form-group">

        <label class="col-md-3 control-label" for="id_tenant_group">Tenant group</label>
        <div class="col-md-9">
            <select name="tenant_group" nullable="true" class="netbox-select2-api form-control" data-url="/api/tenancy/tenant-groups/" data-filter-for-tenant="group_id" placeholder="None" id="id_tenant_group">
  <option value="" selected>---------</option>

  <option value="2">IT</option>

  <option value="1">OT</option>

</select>



        </div>

当我检查元素时，我可以看到有一个 span 元素触发了一个事件，该事件显示了另一个 span，最终可以看到我的选项。

我无法通过可见文本进行选择，因为其他菜单也包含相同的“---------”可见文本。

我截取了几张截图来说明问题，希望对您有所帮助。 html codebrowser inspect

说实话，我真的很迷茫，任何建议都将不胜感激。

编辑： 我尝试了以下方法：

tenant_g_element = Select(browser.find_element(By.XPATH, '//span[@id="select2-id_tenant_group-container"]'))
tenant_g_element.selectByVisibleText("IT")

但我收到以下错误：

selenium.common.exceptions.UnexpectedTagNameException: Message: Select only works on <select> elements, not on span

Answer 1

你的第一行是错误的。应该是这样的：

tenant_g_element = Select(browser.find_element(By.ID, 'id_tenant_group'))

因为您具有属性 id="id_tenant_group"。没有必要使用 By.XPATH...如果您有某些理由需要它，那么您需要查找如何指定 XPATH（注意 //span 会找到一个 ，而不是以 为例）。

Answer 2

此错误消息...

selenium.common.exceptions.UnexpectedTagNameException: Message: Select only works on elements, not on span

...暗示您传递给 Select 类的元素不是 <select> 节点，而是不受支持的 <span> 元素。

---

您的定位器似乎在识别 <span> 元素而不是 <select> 元素。因此，您会看到错误。此外，selectByVisibleText() 不是有效的 Python 方法，您需要使用 select_by_visible_text()。

解决方案

要单击文本为 IT 的选项，您必须为 element_to_be_clickable() 诱导 WebDriverWait，您可以使用以下任一 Locator Strategies：

• 使用CSS_SELECTOR 和select_by_value()：

  tenant_g_element = Select(WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "select.netbox-select2-api.form-control#id_tenant_group[name='tenant_group']"))))
  tenant_g_element.select_by_value("2")
  

• 使用XPATH 和select_by_visible_text()：

  tenant_g_element = Select(WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//select[@class='netbox-select2-api form-control' and @id='id_tenant_group'][@name='tenant_group']"))))
  tenant_g_element.select_by_visible_text("IT")
  

• 注意：您必须添加以下导入：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.support.ui import Select
  

Answer 3

您的 Xpath 似乎错误。您正在尝试定位一个跨度 tag 但您应该定位 select 元素。此外，您应该应用 webdriver 等待 select 元素

    from selenium.webdriver.common.by import By
    from selenium.webdriver.support.ui import WebDriverWait
    from selenium.webdriver.support import expected_conditions as EC
    from selenium.webdriver.support.ui import Select


    select = Select(WebDriverWait(driver, 50).until(
        EC.presence_of_element_located((By.ID, "id_tenant_group"))))
    WebDriverWait(driver, 50).until(
        EC.presence_of_element_located((By.XPATH, "//select[@id='id_tenant_group']/option[2]")))
WebDriverWait(driver, 50).until(EC.element_to_be_clickable((By.XPATH, "//select[@id='id_tenant_group']//options[contains(.,'IT')]")))
    select.select_by_visible_text('IT')