如何从 C# selenium 的下拉列表中找到值？

Question

如何在不使用 XPath 的情况下从下拉列表中选择值“bb”。代码是

第一个下拉菜单

<div class="col-sm-4 col-md-4 col-lg-4">
   <div class="form-label-group">
      <select class="custom-select">
         <option value="" selected="selected">-- Select --</option>
         <option value="09">
            dd
         </option>
         <option value="08">
            ee
         </option>
         <option value="07">
            ff
         </option>                                              
      </select>
      <label for="Teacher">person</label>
   </div>
</div>

第二个下拉菜单

<div class="col-sm-4 col-md-4 col-lg-4">
   <div class="form-label-group">
      <select class="custom-select">
         <option value="" selected="selected">-- Select --</option>
         <option value="01">
            aa
         </option>
         <option value="02">
            bb
         </option>
         <option value="03">
            cc
         </option>                                              
      </select>
      <label for="profile">student</label>
   </div>
</div>

我想从第二个下拉列表中选择值 bb。当代码运行时，它会进入第一个下拉列表，找不到值 bb 并失败。我该怎么做？

Answer 1

Dom 包含两个具有相同类别但标签不同的下拉菜单，因此我们可以使用标签来区分下拉菜单

标签教师的Xpath：//label[@for="Teacher"]//ancestor::div//select

标签配置文件的 Xpath：//label[@for="profile"]//ancestor::div//select

现在您可以使用select 类作为下拉菜单

var student_drpdwn= driver.FindElement(By.xpath("//label[@for="Teacher"]//ancestor::div//select"));
var person_drpdwn= driver.FindElement(By.xpath("//label[@for="profile"]//ancestor::div//select"));
            
//Initialize class select with student_drpdwn webelement object 
           
var select_person=new Select(person_drpdwn);
var select_student=new Select(student_drpdwn);
    
//select by value
select_person.selectByValue("09");
select_student.selectByValue("01");
    
// select by text
select_person.SelectByText("dd");
select_student.SelectByText("aa");
    

Answer 2

确定您的下拉菜单 通过 Xpath：

var student = driver.FindElement(By.XPath("//label[text()='student']//ancestor::div//select"))

通过 CSS 选择器：

 var student = driver.FindElement(By.CssSelector(".custom-select:nth-of-type(2)")) # As student is second drop down on page with class name as custom-select

现在，创建选择类型

var selectStudent = new SelectElement(student);
    
     //select by value
     selectStudent.SelectByValue("02"); 
     
     // select by text
     selectStudent.SelectByText("bb");
    
    //Select By Index. Index start at 0, so aa-0, bb-1
    selectStudent.SelectByIndex(1)