Databases
StackOverflow2013
Postsdbo
PODrop down value populate input box
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODrop down value populate input box
    text
    copied!<p>I am having issues changing some code to work on another area but slightly different. </p> <p>The example in this jsFiddle <a href="http://jsfiddle.net/rgin/A8Nxp/354/" rel="nofollow">http://jsfiddle.net/rgin/A8Nxp/354/</a> shows the original code but now I need it do something different </p> <p>I have list of years so when one is selected I need to the price to appear in the empty textbox beside it. Each option has its own price. </p> <pre><code>&lt;div align="right"&gt;Year Required &lt;/div&gt; &lt;/td&gt; &lt;td&gt;&lt;span class="wpcf7-form-control-wrap years-required"&gt;&lt;select name="years-required" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true"&gt; &lt;option value=""&gt;--- &lt;/option&gt;&lt;option value="00/01"&gt;00/01&lt;/option&gt; &lt;option value="01/02"&gt;01/02&lt;/option&gt; &lt;option value="02/03"&gt;02/03&lt;/option&gt; &lt;option value="03/04"&gt;03/04&lt;/option&gt; &lt;option value="04/05"&gt;04/05&lt;/option&gt; &lt;option value="05/06"&gt;05/06&lt;/option&gt; &lt;option value="06/07"&gt;06/07&lt;/option&gt; &lt;option value="07/08"&gt;07/08&lt;/option&gt; &lt;option value="08/09"&gt;08/09&lt;/option&gt; &lt;option value="09/10"&gt;09/10&lt;/option&gt; &lt;option value="10/11"&gt;10/11&lt;/option&gt; &lt;option value="11/12"&gt;11/12&lt;/option&gt; &lt;option value="12/13"&gt;12/13&lt;/option&gt; &lt;/select&gt;&lt;/span&gt; &lt;span class="wpcf7-form-control-wrap price"&gt; &lt;input type="text" name="price" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="pricetwo" aria-required="true" /&gt; &lt;/span&gt;&lt;/td&gt; </code></pre> <p>EDIT price list</p> <p>01/02 - £150</p> <p>02/03 - £135</p> <p>03/04 - £120</p> <p>04/05 - £105</p> <p>05/06 - £90</p> <p>06/07 - £75</p> <p>07/08 - £65</p> <p>08/09 - £64</p> <p>09/10 - £63</p> <p>10/11 - £62</p> <p>11/12 - £61</p> <p>12/13 - £60</p> <p>Just need help modifying the jQuery in the jsFiddle example to meet the needs above. </p> <p>EDIT I can not change the value of the options as I am using Contact Form 7 plugin with wordpress. So require the prices to be in the jQuery. Example 01/02 selected £150 appears in text field. </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload