title: Dynamic options within a select field with react
body: <p>I'm trying to solve the next task with ReactJS: let's assume I have several questions and answer fields. I would like to make it possible to distribute 10 points between all answers on the page.</p>
  
  <p>I made a form that included several <code>&lt;select&gt;</code> fields that are being dynamically populated with <code>&lt;option&gt;</code> tags depending on current user input state.</p>
  
  <p>The problem is that when user selects values, they are being reseted to zero again. 
  Please see a code example here and try to select some values:
  <a href="https://jsfiddle.net/jcpyqf9v/1/" rel="nofollow">https://jsfiddle.net/jcpyqf9v/1/</a></p>