2013-08-28 47 views
1

我希望幫助解決的問題是一旦選擇了聯繫表單7上的下拉值,例如「1」旁邊的輸入框將插入價格該示例中的 「1」 應顯示wordpress聯繫表格7將選定的填充值下拉到輸入框中

全例如 「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

任何幫助,將不勝感激。

編輯

這是短代碼是如何出現在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> 

回答

4

更新了您的示例工作: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'); 
}); 

+0

正是我需要的,但你知道我怎麼可以這樣對WordPress的聯繫表7插件作爲下拉看起來像短碼(見上文),我需要它來填充到「價」短代碼? – addy88

+0

這可能實際上需要比此問題更多的信息。您可能需要使用生成的HTML和其他有用信息發佈另一個問題。 – rgin

+0

我已更新原始帖子以顯示它是如何生成的。我也嘗試將您的解決方案添加到.js文件中,並將其附加到我的主題的header.php中,但它似乎不起作用。 – addy88

4

試試這個:

我剛剛編輯你撥弄並增加了一些。

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

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

當$(this).val()返回3或更高時,不會發生這種情況。 – rgin