隐藏重力表格选项栏中的价格

时间:2015-05-30 04:41:27

标签: css wordpress forms

我需要在我的选项字段中的值旁边隐藏+100或-100价格。 表单的预览如下所示,价格低于住宿条件:

http://trailtalkpc.com/trailtalkwp/?gf_page=preview&id=3

我试图在CSS中定位价格并使用{display:none;}隐藏它们但是遇到了麻烦。到目前为止,我已经能够以这个为目标:

.medium.gfield_select {display:none;}

这是针对整个下拉菜单的。有谁知道如何从这里定价?以下是我一直在寻找价格的代码:

<select name="input_12" id="input_3_12" class="medium gfield_select"      

tabindex="11">

<option value="Bare Bones (No Accommodation Needed)|2500" price="">

Bare  Bones (No Accommodation Needed) </option><option value="Washington   

School House: Town House|5000" price=" +$2,500.00">Washington School House: 

Town House  +$2,500.00</option><option value="Newpark Resort: 1 Room 

Suite|4000" price=" +$1,500.00">Newpark Resort: 1 Room Suite  

+$1,500.00</option><option value="Newpark Resort: (Family) Townhouse|4500" 

price=" +$2,000.00">Newpark Resort: (Family) Townhouse  +$2,000.00</option>

<option value="Waldorf Astoria: King Suite|4000" price=" +$1,500.00">Waldorf 

Astoria: King Suite  +$1,500.00</option>

</select>

谢谢!

2 个答案:

答案 0 :(得分:0)

无法直接将css分配给部分文本。你需要在表单加载后运行一个javascript,这将把价格包装在span内。为span指定一个类,并为span类定义display:none。

答案 1 :(得分:0)

在主题的页脚或GF HTML字段中使用以下代码。为我工作。

<script type="text/javascript">
function gform_format_option_label( fullLabel, fieldLabel, priceLabel, selectedPrice, price, formId, fieldId ) { 
        return fieldLabel;
}
</script>