[英]wordpress contact form 7 drop down selected populate value into input box
我想幫助解決的問題是,一旦選擇了聯系表格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/
另外,我如何將以上內容與Wordpress上的聯系表格7結合使用
任何幫助,將不勝感激。
編輯
這是短代碼在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>
更新為與您的示例一起使用: 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');
});
$('#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'); });
嘗試這個:
我只是編輯了小提琴並添加了一些。
var price = ["£11.99","£2.99","£11.99"];
$('#choice').change(function(){
$('#other').val(price[parseInt($(this).val())-1]);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.