This is part of the user interface code.
<select id="order_unit_line_rate_806782_is_addenda_enabled" class="selects_for_487886" onchange="select_addendum(806782, this);dateShowMemory(this.options[this.selectedIndex].value, '806782');" uniqueattr="Dynamic Site Accelerator / Dynamic Site Accelerator / Additional Usage Commitment / drop down" name="order_unit_line_rate[806782][is_addenda_enabled]"> <option value="0" uniqueattr="Dynamic Site Accelerator / Dynamic Site Accelerator / Additional Usage Commitment / Fee"> Fee </option> <option value="1" uniqueattr="Dynamic Site Accelerator / Dynamic Site Accelerator / Additional Usage Commitment / See Attached Addendum"> See Attached Addendum </option> </select>
where the <option>
tags are nested inside the <select>
. I need click()
on the second <option>
element, which is an element in the drop-down list. The dropdown menu can be clicked when I try to click()
on the <select>
tag using id / uniqueattr.
How can I navigate the <option>
tags nested in <select>
and click on the desired element?
source share