1

我想帮助解决的问题是，一旦选择了联系表单 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>
4

2 回答 2

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');
});

于 2013-08-28T10:11:25.207 回答
4

试试这个：

我刚刚编辑了你的小提琴并添加了一些。

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

$('#choice').change(function(){
        $('#other').val(price[parseInt($(this).val())-1]);
});
于 2013-08-28T10:13:05.560 回答