<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><span class="vcard"><a class="email" href="mailto:miket&#64;mavn.is" title="Michael Trinque &lt;miket&#64;mavn.is&gt;"> <span class="fn">Michael Trinque</span></a>
</span> changed
              <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION (iOS 8): &lt;select&gt; values are not properly updated in a form with multiple &lt;select&gt;s"
   href="https://bugs.webkit.org/show_bug.cgi?id=137067">bug 137067</a>
        <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">CC</td>
           <td>
               &nbsp;
           </td>
           <td>miket&#64;mavn.is
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION (iOS 8): &lt;select&gt; values are not properly updated in a form with multiple &lt;select&gt;s"
   href="https://bugs.webkit.org/show_bug.cgi?id=137067#c3">Comment # 3</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION (iOS 8): &lt;select&gt; values are not properly updated in a form with multiple &lt;select&gt;s"
   href="https://bugs.webkit.org/show_bug.cgi?id=137067">bug 137067</a>
              from <span class="vcard"><a class="email" href="mailto:miket&#64;mavn.is" title="Michael Trinque &lt;miket&#64;mavn.is&gt;"> <span class="fn">Michael Trinque</span></a>
</span></b>
        <pre>I find the following to be a better solution provided that you are not making use of disabling selects in your application (though obviously one could alter the code below to account for that as well):

var selects = $('select');
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
   selects.blur(function() {
      selects.prop('disabled', false);
   }).focus(function() {
      selects.not(this).prop('disabled', true);
   });
}

I'd like to point out that this has been open for over a year and has yet to be either acknowledged or fixed. The code causing this bug *must* be extremely sloppy, something to the effect of &quot;set whichever select box is focused to the index of the picked option&quot; and not the sane &quot;set the select box *associated with this option* to the option's index&quot;. I'm glad the iPad/iPhone is getting thinner and all... great; lets see some improvement on the software side of this 100bn+ empire.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>