title: JavaScript OnClick Select Tag Doesn't Work on Mobile Browser
body: <p>I have html and js (with jquery) code like this:</p>
  
  <pre><code>&lt;label&gt;Nationality&lt;/label&gt;
  &lt;select name="user_nationality" class="input"&gt;
      &lt;option value="1" selected onclick="$('#userphonearea').val('+62');"&gt;Indonesia&lt;/option&gt;
      &lt;optgroup label="Other Countries"&gt;
        &lt;option value="2" onclick="$('#userphonearea').val('+44');"&gt;United Kingdom&lt;/option&gt;
        &lt;option value="3" onclick="$('#userphonearea').val('+1');"&gt;United States of America&lt;/option&gt;
      &lt;/optgroup&gt;
  &lt;/select&gt;
  
  &lt;label&gt;Phone Number&lt;/label&gt;
  &lt;input type="text" name="user_phone_area" id="userphonearea" maxlength="5" size="5" value="" placeholder="+" required /&gt;
  &lt;input type="text" name="user_phone_number" maxlength="30" size="10" required /&gt;
  </code></pre>
  
  <p>I want to automatically input <strong>user_phone_area</strong> if I select <strong>user_nationality</strong>.
  I used onclick, and it works on desktop browser. But it doesn't work on mobile browser such as android or iphone. </p>
  
  <p>I try to change OnClick with OnSelect, but it doesn't work both on desktop and mobile</p>
  
  <pre><code>&lt;select name="user_nationality" class="input"&gt;
      &lt;option value="1" selected onselect="$('#userphonearea').val('+62');"&gt;Indonesia&lt;/option&gt;
      &lt;optgroup label="Other Countries"&gt;
        &lt;option value="2" onselect="$('#userphonearea').val('+44');"&gt;United Kingdom&lt;/option&gt;
        &lt;option value="3" onselect="$('#userphonearea').val('+1');"&gt;United States of America&lt;/option&gt;
      &lt;/optgroup&gt;
  &lt;/select&gt;
  </code></pre>