如何解决是否可以在不使用复选框或收音机的情况下选择“显示值”选项? 重力形式自定义附加组件
我正在为 Gravity Forms 制作一个自定义滑块插件,其中滑块的每个步骤都是可自定义的。虽然我很难将值传递到前端。
创建复选框或单选按钮字段时,可在“选择”下自定义文本和值,并提供“显示值”选项,如果选中,则会出现相应文本输入字段的值输入字段(见图) .
是否可以在没有复选框或单选按钮的情况下添加此“显示值”选项,以便我可以将其用于自定义滑块并将文本和相应值输出到前端?
下图是我当前代码(添加在图像下方)的当前结果示例。
function trytry_settings( $position,$form_id ) {
// Create settings on position 1550 (right after range option)
if ( 1550 == $position ) {
?>
<li class="try_value_relations field_setting">
<div style="clear:both;">
<?php _e( 'Value Relations','gsf-locale' ); ?>
<?php gform_tooltip( 'number_range' ); ?>
</div>
<div style="width:50%;float:left"><input type="text" id="try_min_value_relation" style="width:100%;" onchange="SetFieldProperty('try_min_value_relation',this.value);" /><label for="try_min_value_relation"><?php _e( 'Min','gsf-locale' ); ?></label></div>
<div style="width:50%;float:left"><input type="text" id="try_max_value_relation" style="width:100%;" onchange="SetFieldProperty('try_max_value_relation',this.value);" /><label for="try_max_value_relation"><?php _e( 'Max','gsf-locale' ); ?></label></div>
<br class="clear">
</li>
<li class="try_step field_setting">
<div style="clear:both;">
<?php _e( 'Step','gsf-locale' ); ?>
<?php gform_tooltip( 'try_step' ); ?>
</div>
<div style="width:25%;"><input type="number" id="try_step" step=".01" style="width:100%;" onchange="SetFieldProperty('try_step',this.value);" /></div>
</li>
<li class="try_start field_setting">
<div style="clear:both;">
<?php _e( 'Start','gsf-locale' ); ?>
<?php gform_tooltip( 'try_start' ); ?>
</div>
<div style="width:25%;"><input type="number" id="try_start" value="0" style="width:100%;" onchange="SetFieldProperty('try_start',this.value);" /></div>
</li>
<li class="try_step_values field_setting">
<div style="clear:both;">
<?php _e( 'Step Values / Pool Størrelser','gsf-locale' ); ?>
<?php gform_tooltip( 'try_step_values' ); ?>
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">0</label>
<input type="text" name="try_key0" id="try_key0" style="width:45%;" value="Ingen størrelse valgt" disabled />
<input type="number" name="try_value0" id="try_value0" style="width:45%;" value='0' disabled />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">1</label>
<input type="text" name="try_key1" id="try_key1" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key1',this.value);" />
<input type="number" name="try_value1" id="try_value1" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value1',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">2</label>
<input type="text" name="try_key2" id="try_key2" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key2',this.value);" />
<input type="number" name="try_value2" id="try_value2" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value2',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">3</label>
<input type="text" name="try_key3" id="try_key3" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key3',this.value);" />
<input type="number" name="try_value3" id="try_value3" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value3',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">4</label>
<input type="text" name="try_key4" id="try_key4" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key4',this.value);" />
<input type="number" name="try_value4" id="try_value4" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value4',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">5</label>
<input type="text" name="try_key5" id="try_key5" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key5',this.value);" />
<input type="number" name="try_value5" id="try_value5" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value5',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">6</label>
<input type="text" name="try_key6" id="try_key6" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key6',this.value);" />
<input type="number" name="try_value6" id="try_value6" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value6',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">7</label>
<input type="text" name="try_key7" id="try_key7" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key7',this.value);" />
<input type="number" name="try_value7" id="try_value7" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value7',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">8</label>
<input type="text" name="try_key8" id="try_key8" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key8',this.value);" />
<input type="number" name="try_value8" id="try_value8" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value8',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">9</label>
<input type="text" name="try_key9" id="try_key9" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key9',this.value);" />
<input type="number" name="try_value9" id="try_value9" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value9',this.value);" />
</div>
<div style="width:100%; display: flex; margin-bottom: 5px;">
<label style="width: 10%; font-size: 15px;">10</label>
<input type="text" name="try_key10" id="try_key10" style="width:45%;" placeholder="Pool størrelse" onchange="SetFieldProperty('try_key10',this.value);" />
<input type="number" name="try_value10" id="try_value10" style="width:45%;" placeholder="Pris" onchange="SetFieldProperty('try_value10',this.value);" />
</div>
</li>
<?php
}
} // end slider_settings
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。