как реализовать радиокнопку в контактной форме 7 с другим значением и меткой

Я хочу добавить этот раздел в форму обратной связи 7. пожалуйста, помогите мне

 <div class="radio">
      <label><input type="radio" name="optradio" value="1">Option 1</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" value="2">Option 2</label>
    </div>
    <div class="radio disabled">
      <label><input type="radio" name="optradio" value="3">Option 3</label>
    </div>

wordpress contact-form-7
person Subhankar Dutta    schedule 07.03.2018    source источник
comment
почему бы просто не использовать свой код как есть? Вам нужно будет подключить cf7 wpcf7_validate и найдите свое радио-поле в массиве $ _POST. Чтобы отобразить выбор значения радио в уведомлении по электронной почте, вам необходимо настроить тело письма с помощью wpcf7_mail_components фильтровать перед отправкой почты.   -  person Aurovrata    schedule 14.03.2018

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете сделать это легко, поставив вертикальную черту (|) на ввод следующим образом:

[select name_input "Visible Value|actual-form-value"]

где Visible Value = (Front-end Value) и actual-form-value = (Input Custom Value).

Ваш код будет таким:

[radio optradio "Option 1|1" "Option 2|2" "Option 3|3"]

Ознакомьтесь с документацией:

person dougfabris    schedule 24.08.2018
comment
@SubhankarDutta Надеюсь, это вам помогло =) - person dougfabris; 29.08.2018
comment
@ Mario62RUS, если вы ждете, чтобы увидеть это изменение в DOM, вы его не увидите. Но это сработает. Вы можете поделиться со мной своим кодом? Возможно, я могу помочь тебе! - person dougfabris; 25.10.2018
comment
Автор плагина пишет, что такой возможности нет и предлагает использовать HTML wordpress.org/support/topic/ Замечательное решение лучше. - person wp-mario.ru; 10.09.2019
comment
@ Mario62RUS, если вы протестируете этот код, вы увидите, что он работает, как вы можете видеть в комментариях. Решение взято из официальной документации: contactform7.com/selectable-recipient-with-pipes. Осторожно используйте голоса против, потому что репутацию получить слишком сложно, и мой ответ может помочь некоторым людям. Если это не ваш случай, вам не нужно голосовать против. Как я уже говорил, если хочешь, поделись своим кадром, и я посмотрю, что я могу для тебя сделать. - person dougfabris; 10.09.2019

arrow_upward
3
arrow_downward

К сожалению, кажется, что единственный способ иметь значение (отличное от метки) в DOM - это скрыть исходную метку CF7.

Добавьте радиоприемники отдельно, сохраняя название. Текст вашей надписи рядом с ними, вы можете заключить их в теги <label>. Здесь нет символов новой строки, потому что CF7 интерпретирует их как <br>s.

<div id="myradios"><label>[radio optradio use_label_element default:1 "1"] Option 1</label><label>[radio amount use_label_element "2"] Option 2</label><label>[radio amount use_label_element "3"] Option 3</label></div>

Теперь скройте метки CF7 с помощью CSS:

#myradios .wpcf7-list-item-label{
    display:none;
}

К сожалению, вы не можете использовать его без default: 1 для некоторых элементов - если вы это сделаете, и пользователь не проверит ни одного, сообщение об ошибке появится под каждым из радиомодулей (в документах CF7 говорится, что радиостанции требуются по умолчанию).

person Fanky    schedule 27.03.2019