Question

我在wordpress上使用Contact Form 7和jQuery条件编码表单（感谢BunnyBomb）。因此，在下拉菜单中，您可以选择选项＆＃34;个人＆＃34;用于显示某些字段，而其他字段保持隐藏状态。另一个例子是，如果你在同一个下拉列表中选择选项＆＃34; 2 Equipo（hasta 4 personas）＆＃34;其他字段显示和＆＃34; Invidual＆＃34;其他选项仍然隐藏。它最多可以容纳3支队伍（12人）。

所以，问题在于需要这些字段，但我不能这样做，因为隐藏的字段不能保持为空。有人建议用空白字段填充＆＃34; N / A＆＃34;文本。我该如何解决这些问题？任何提示？

顺便说一句，这是我的jQuery代码：

$(document).ready(function() {

    //Hide the field initially
    $("#tipo-individual").hide();
    $("#primer-equipo").hide();
    $("#segundo-equipo").hide();
    $("#tercer-equipo").hide();

    //inicio de funcion
    $('#asistencia').change(function() {
        if (($("#asistencia").val() == "Individual") || ($("#asistencia").val() == "Individuel")) {
            $("#tipo-individual").show();
            $("#primer-equipo").hide();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "1 Equipo (Hasta 4 personas)") || ($("#asistencia").val() == "1 Team (4 people)") || ($("#asistencia").val() == "1 équipe (4 personnes)") || ($("#asistencia").val() == "1 Equipe (4)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "2 Equipo (Hasta 8 personas)") || ($("#asistencia").val() == "2 Team (8 people)") || ($("#asistencia").val() == "2 équipe (8 personnes)") || ($("#asistencia").val() == "2 Equipe (8 pessoas)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").show();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "3 Equipo (Hasta 12 personas)") || ($("#asistencia").val() == "3 Team (12 people)") || ($("#asistencia").val() == "3 équipe (12 personnes)") || ($("#asistencia").val() == "3 Equipe (12 pessoas)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").show();
            $("#tercer-equipo").show();
        } else {
            $("#tipo-individual").hide();
            $("#primer-equipo").hide();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        }
    });
});

Answer 1

您要隐藏的所有字段都可以设置为NA ..

$("#hidden_input_ID").val("NA");

联系表单7中使用jQuery的必填字段和条件

1 个答案: