Question

I have two select list that are equal how do i access the second one?

I have put a value on the first one but when putting a value to the second it goes to the first.

Anyone can help me.

<div id="selectNumber">
  <select id="numbers" name="numbers" tabindex="5" onchange="changeNumbers(this);">
    <option value="" selected="selected"></option>
    <option value="all">25</option>
    <option value="123">26</option>
    <option value="124">27</option>
  </select>
<a onclick="addRemoveSelectedNumber(this);">
  <img src="../../static/images/delete.png">
</a>
</div>
<div id="selectNumber">
  <select id="numbers" name="numbers" tabindex="5" onchange="changeNumbers(this);">
     <option value="" selected="selected"></option>
     <option value="all">25</option>
     <option value="123">26</option>
     <option value="124">27</option>
  </select>
<a onclick="addRemoveSelectedNumber(this);">
  <img src="../../static/images/delete.png">
</a>

Tanks

Answer 1

This will select 25 from the second select list:

browser.select_list(:id => "numbers", :index => 1).select "25"

More information: Multiple Attributes chapter at https://github.com/zeljkofilipin/watirbook/blob/master/link.md

By the way, you should report a bug that there are multiple instances of HTML elements with the same id on the page. Per the HTML standard, ID values should be unique