Выпадающее имя с таким же именем

Question

Как выбрать выпадающее меню, если 2 спускаются с тем же именем? Мне нужно выбрать и выпадающее меню, либо выпадающие имена с тем же именем. Идентификаторы для выпадающих имен динамически генерируются. Пожалуйста помоги.

1.

<select id="trin" 
    class="ng-scope ng-valid-r-min non-empty ng-dirty ng-valid-parse 
      ng-valid ng-valid-required ng-touched" 
    ng-model="formData.agesOfChildren[nr]" 
    r-floating-label="Alder på barn" 
    tooltip="" r-min="1" 
    required="" only-digits="" 
    tabindex="0" name="agesOfChildren"> 

2.

<select id="ywf1" 
    class="ng-scope ng-valid-r-min non-empty 
      ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched" 
    ng-model="formData.agesOfChildren[nr]" 
    r-floating-label="Alder på barn" 
    tooltip="" r-min="1" 
    required="" only-digits="" 
    tabindex="0" name="agesOfChildren"> 

Answer 1

Поскольку генерируются ID, то на самом деле не так много способов, чтобы отличить один из этих элементов из других, кроме структуры DOM.

Возможно, вы можете посмотреть на значения возможных выборов и построить свой селектор таким образом, но если они одинаковы/похожи, это тоже не помогло бы.

Использование структуры DOM:

Первый Выберите элемент:

//select[@class="ng-scope ng-valid-r-min non-empty ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched"][1] 

Второй Выберите элемент:

//select[@class="ng-scope ng-valid-r-min non-empty ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched"][2] 

Я обычно стараюсь держаться в стороне от структуры селекторов DOM, из многих способов DOM можно манипулировать и изменять с помощью javascript, но в этой ситуации действительно нет другого варианта, кроме обращения к разработчикам, и попросить их добавить differiatin g для каждого из них.

Answer 2

Я считаю, что есть два выпадающие и оба из них имеют те же атрибуты и ихние идентификаторы генерируются. Но xpath будет для них иным.

Вам необходимо просмотреть оба раскрывающихся списка в своем браузере. Выполните следующие действия:

1. правой кнопкой мыши на каждом раскрывающемся меню в Chrome
2. Выберите Проверить элемент
3. правой кнопкой мыши на выделенный код и выберите Copy Xpath ИЛИ CSSPath

Answer 3

попробовать этот Xpath

на Вторичный охват

//select[@class='ng-scope ng-valid-r-min non-empty 
     ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched'][1] 

для первых выпадающего

//select[@class='ng-scope ng-valid-r-min non-empty ng-dirty ng-valid-parse 
     ng-valid ng-valid-required ng-touched'][2]