title: Watir webdriver_Unable to change dropdown list in one field and verify value change in another field
body: <p>Frustrated new user having difficulty.  Tried many variations and just cannot get it to work.  The html is below and I've stripped out the extra lines.  The test has to be written using this html, I cannot change it. Note, classes are named "span3".  </p>
  
  <p>This is a popup window that is NOT a new window, it just appears to be a new window.  The top "span3" is a dropdown list and I am trying to change the selection.  I tried using the select_list in watir, but that did not work.</p>
  
  <p>In the bottom "span3", the grossmarginpercent value will be updated when I change the dropdown value in the top "span3".  I want to confirm that grossmarginpercent is updated to the correct value.</p>
  
  <p>I've included the last script I tried.  I added a put because I wanted I seeing '2' on the screen, watir was returning false, and I wanted to see what watir was seeing.</p>
  
  <p>watir script:</p>
  
  <pre><code> grossmarginpercent = browser.div(:id =&gt; "target_modal").div(:class =&gt; "modal_body").div(:class =&gt; "row").div(:class =&gt; "span3", :index =&gt; 1).label(:id =&gt; "GrossMarginPercent")
        puts grossmarginpercent.value
               puts grossmarginpercent.value.include? '2'
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>    &lt;div class="modal-body"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;
                  &lt;label&gt;Reward Type&lt;/label&gt;&lt;select data-bind="options: $root.RewardOptions, optionsText: 'DisplayName', value: RewardOptionId, optionsValue: 'RewardOptionId'"&gt;&lt;/select&gt;
              &lt;/div&gt;
  
              &lt;div class="span1"&gt;&lt;/div&gt;
  
              &lt;div class="span3"&gt;
                  &lt;label&gt;Gross Margin Percent&lt;/label&gt;&lt;label id="GrossMarginPercent" data-bind="formattedNumber: { value: GrossMarginPercent, format: '#,###.##%' }" style="padding: 6px 4px 8px 0px;"&gt;&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>