需要单击下拉菜单中的文本以更改下拉菜单中的默认选项

Question

我是 python 和 selenium webdriver 的新手。html代码的示例结构是

<li class="dropdown env-dropdown">

   ::before

   <a class="dropdown-toggle" href="">

     <i class="nav-icon fa fa-plug">

       ::before

     </i>

     <span id="configured-env">ENVNAME1</span>

   </a>

   <ul class="dropdown-menu env-dropdown-menu env-menu-scroll">

  <input id="selectedEnv" name="envConfigV0.userPreference.env.environmentId" value="" type="hidden>

     <li>

      <div class="spinner-container" style="display:block;"> </div>

        <i class="fa fa-refresh fa-spin spinner-tsg"></i>

      </div>

     </li>

     <li class="env-data">

       <a id="environmentList0" class="dropdown-toggle" onclick="confirmEnvironmentChange{0}" href="#" data-toggle="modal">

        ENVNAME0

        <input id ="environmentId0" name="#env.name" value="11" type="hidden">

       </a>

     </li>

     <li class="env-data divider"></li>

     

     <li class="env-data">

       <a id="environmentList2" class="dropdown-toggle" onclick="confirmEnvironmentChange{2}" href="#" data-toggle="modal">

        ENVNAME2

        <input id ="environmentId2" name="#env.name" value="6" type="hidden">

       </a>

     </li>

     <li class="env-data divider"></li>

     <li class="env-data">

       <a id="environmentList3" class="dropdown-toggle" onclick="confirmEnvironmentChange{3}" href="#" data-toggle="modal">

        ENVNAME3

        <input id ="environmentId3" name="#env.name" value="9" type="hidden">

       </a>

     </li>

     <li class="env-data divider"></li>

    </ul>

    ::after

   </li>

默认配置的环境是 ENVNAME1 下拉菜单 env-dropdown 下。我可以使用以下代码将鼠标悬停在下拉菜单上：

env_dropdown = self.driver.find_element_by_xpath('//li[@class = "dropdown env-dropdown"]')

ActionChains(self.driver).move_to_element(env_dropdown).perform()

我想通过单击文本“ENVNAME2”将配置环境更改为 ENVNAME2。但是在尝试了各种选择后，我无法实现这一目标。请您帮我解决这个问题。

Answer 1

过去我使用javascript解决了很多问题。你可以试试看这是否有效&nbsp;driver.execute_script("document.getElementById('configured-env')='ENVNAME2'")