title: Change field field value on click
body: <p>I want to supply the user with 3 images, each image will have an associated value:</p>
  
  <pre><code>1. left,middle,right
  2. middle,left,right
  3. left,right,middle
  </code></pre>
  
  <p>I then want to write that value to the text field in a form, so it gets saved when the user clicks submit.</p>
  
  <p>I already have a working form where the user can type in values, <code>1,2 or 3</code> but want the text field to be hidden and the user to select an image instead and that update the text field.</p>