Databases
StackOverflow2013
Postsdbo
POwordpress contact form 7 drop down selected populate value into input box
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POwordpress contact form 7 drop down selected populate value into input box
    text
    copied!<p>The problem I would like help solving is once a drop down value on contact form 7 has been selected for example "1" the input box next to it inserts a price in this example "1" should display "£11.99" </p> <p>Full example as following</p> <p>1 = £11.99 2 = £13.99 3 = £14.99 (anything above 3 will equal £14.99 up to 12)</p> <pre><code>Payslips Required [select* payslips-required "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"] [text price] </code></pre> <p>Above is what I currently have. The only close thing I have come across is this. <a href="http://jsfiddle.net/erwin21/A8Nxp/246/" rel="nofollow">http://jsfiddle.net/erwin21/A8Nxp/246/</a></p> <p>Also how would I use the above in conjunction with contact form 7 on Wordpress</p> <p>Any help would be appreciated. </p> <p>EDIT</p> <p>This is how the short code appears in HTML </p> <pre><code>&lt;script type="text/javascript" src="http://localhost/payslips/wp-content/themes/discover/js/jquery-1.5.2.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://localhost/payslips/wp-content/themes/discover/js/payslipprice.js"&gt;&lt;/script&gt; &lt;span class="wpcf7-form-control-wrap payslips-required"&gt; &lt;select name="payslips-required" class="wpcf7-form-control wpcf7-select wpcf7- validates-as-required" id="payslips-required" aria-required="true"&gt; &lt;option value="1"&gt;1&lt;/option&gt; &lt;option value="2"&gt;2&lt;/option&gt; &lt;option value="3"&gt;3&lt;/option&gt; &lt;option value="4"&gt;4&lt;/option&gt; &lt;option value="5"&gt;5&lt;/option&gt; &lt;option value="6"&gt;6&lt;/option&gt; &lt;option value="7"&gt;7&lt;/option&gt; &lt;option value="8"&gt;8&lt;/option&gt; &lt;option value="9"&gt;9&lt;/option&gt; &lt;option value="10"&gt;10&lt;/option&gt; &lt;option value="11"&gt;11&lt;/option&gt; &lt;option value="12"&gt;12&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" id="price" /&gt; &lt;/span&gt; </code></pre>
 

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