wordpress контактный форму 7 выпадающее выбранное значение заполнения в поле ввода

Question

Проблема, с которой я хотел бы помочь в решении, - это когда выпадающее значение для контактной формы 7 выбрано, например, «1», поле ввода рядом с ним вставляет цену в этот пример "1" должен отображать "£ 11.99"

Полный пример следующим образом

1 = £ 11.99 2 = £ 13.99 3 = 14,99 фунтов стерлингов (все, что выше 3 будет равен £ 14.99 до 12)

Payslips Required 
[select* payslips-required "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"] 
[text price] 

Выше того, что у меня есть сейчас. Единственное, с чем я столкнулся, это. http://jsfiddle.net/erwin21/A8Nxp/246/

Кроме того, как я использовал бы выше в сочетании с контактной формы 7 на Wordpress

Любая помощь будет оценена.

EDIT

Это, как представляется короткий код в HTML

<script type="text/javascript" src="http://localhost/payslips/wp-content/themes/discover/js/jquery-1.5.2.js"></script> 
<script type="text/javascript" src="http://localhost/payslips/wp-content/themes/discover/js/payslipprice.js"></script> 

<span class="wpcf7-form-control-wrap payslips-required"> 
<select name="payslips-required" class="wpcf7-form-control wpcf7-select wpcf7- validates-as-required" id="payslips-required" aria-required="true"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
<option value="9">9</option> 
<option value="10">10</option> 
<option value="11">11</option> 
<option value="12">12</option> 
</select> 
</span> 

<span class="wpcf7-form-control-wrap price"> 
<input type="text" name="price" value="" size="40" class="wpcf7-form-control wpcf7 text" id="price" /> 
</span> 

Answer 1

Обновлено работать с вашим примером: http://jsfiddle.net/rgin/A8Nxp/353/

var map = [ '£11.99', '£13.99', '£14.99' ]; 

$('#choice').change(function(){ 
    var o = parseInt($(this).val()) < 3 ? $(this).val()-1 : 2; 
    $('#other').val(map[o]).addClass('hidden'); 
}); 

---

Вы имеете в виду что-то вроде этого? http://jsfiddle.net/rgin/A8Nxp/352/

$('#choice').change(function(){ 
    var selected_item = $(":selected", this).text() 
    selected_item = parseInt(selected_item) < 3 ? selected_item : '4 and above'; 
    $('#other').val(selected_item).addClass('hidden'); 
}); 

Answer 2

попробовать это:

я только что отредактировали вы скрипку и добавил некоторые.

var price = ["£11.99","£2.99","£11.99"];  

$('#choice').change(function(){ 
     $('#other').val(price[parseInt($(this).val())-1]); 
});