title: Pass option text instead of option value to a text field
body: <p>I will pass value for multiple fields to a text field. There is a problem, select options, its value are 0 and 1, my question is how to make sure that it pass option text instead of 0 and 1? That mean pass MYR instead of 0 and SGD instead of 1?</p>
  
  <p><a href="http://jsfiddle.net/e2ScF/64/" rel="nofollow">http://jsfiddle.net/e2ScF/64/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select id="Salary_para1"&gt;
    &lt;option value=""&gt;Choose...&lt;/option&gt;
    &lt;option value="0" selected&gt;MYR&lt;/option&gt;
    &lt;option value="1" &gt;SGD&lt;/option&gt;
  &lt;/select&gt;
  &lt;input id="Salary_value" type="text"/&gt;
  + &lt;input type="checkbox" id="Salary_para2" name="Salary_para2" value=" + Allowance"  /&gt;Allowance&lt;br/&gt;
  &lt;input type="text" id="targetTextField" name="targetTextField" size="31" tabindex="0" maxlength="99" value=""&gt;
  </code></pre>
  
  <p>CODE:</p>
  
  <pre><code>$(function() {
    setTarget();
    $("#Salary_para1,#Salary_para2").change(setTarget);
    $("#Salary_value").keyup(setTarget);
  
    function setTarget() {
      var tmp = $("#Salary_para1").val();
      tmp += $("#Salary_value").val();
      tmp += $("#Salary_para2:checked").val() || '';
      $('#targetTextField').val(tmp);
    }
  });
  </code></pre>