How to identify multiple parameters using cssSelector in Selenium webdriver

Question

Can anyone tell how to identify the following element in selenium webdriver . Following is the html version of it :

<select ng-model="tripDetails.destinationId" ng-change="$parent.$parent.$parent.updateTripSourceCity($index)" required="" class="ng-touched ng-dirty ng-valid-parse ng-valid ng-valid-required">

Answer 1

尝试使用以下CSS选择器通过类名标识它

select.ng-touched.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required

Answer 2

I'm guessing the classes on this are not unique, so it would probably be best to select by the ng-model . Try this as the CSS selector:

'select[ng-model="tripDetails.destinationId"]'

Answer 3

In your case it is better to search that particular element using xpath. First search any parent element using xpath which is above in hierarchy of the above mentioned element and then from that parent search your element. Try something like this

//parent-xpath/child-xpath(mentioned element)
//div[@id='element-id']/select[@ng-model='tripDetails.destinationId']