verschiedene custom fields abhängig der select auswahl anzeigen

Ich habe mehrere custom fields für die checkout Page erstellt ich. möchte jetzt abhängig der auswahl in einer Dropdown Liste weitere unterschiedliche custom fields anzeigen
Also zB

Select = 1  zeige Haus inputs an
Select = 2  zeige Wohnung inputs an
Select = 2  zeige Grund inputs an

Habe es mal per JS umgesetzt

Leider funktioniert dies nicht auf dem Handy und ich würde gerne auch manche Felder als Pflichtfelder machen.

$('#immobilien-typ').change(function() {                        
                   var subject = $(this).val();
                        if (subject == "wohnung" ) {
                            $('.immobilien-class').addClass('immo-zeigen');
                            $('.immo-whg-detail').addClass('immo-zeigen');
                        
                        } else if (subject == "haus" ) {
                            $('.immobilien-typ-haus-class').addClass('immo-zeigen');
                            $('.immo-haus-detail').addClass('immo-zeigen');
                            $('.immobilienclass').removeClass('immo-zeigen');
                            $('.immobilien-typ-grund-class').removeClass('immo-zeigen');
                            $('.immo-whg-detail').removeClass('immo-zeigen');
                            $('.immo-grund-detail').removeClass('immo-zeigen');
                            $('#immobilien-typ').removeClass('sonstiger-typ');








                            
                        } else if (subject == "grund" ) {
                            $('.immogrund-class').addClass('immo-zeigen');
                            $('.immo-grund-detail').addClass('immo-zeigen');
                            
                        } else {
                                $('.immobiliennung-class').removeClass('immo-zeigen');
                                $('.immobilien-typ-haus-class').removeClass('immo-zeigen');
                                $('.immobilien-typ-grund-class').removeClass('immo-zeigen');
                            
                        }
                    });

Danke, funktioniert jetzt am Handy. :-)

Noch ne Idee wie ich manche Inputfelder als Pflichtfelder setzen kann die eingeblendet werden.

Mit dem üblichen Weg

function my_custom_checkout_field_process() {
// Check if set, if its not set add an error.
if ( ! $_POST['immo-strasse'] )
wc_add_notice( __( 'Please enter something into this new shiny field.' ), 'error' );
}

kann ich nicht denn da werden auch die nicht eingeblendeten Felder überprüft.

danke. Dachte in die richtung php wie die normalen checkout felder überprüft, gegebenfalls ne meldung ausgeben. so wie if... dann lade die require felder dazu

function my_custom_checkout_field_process() {
// Check if set, if its not set add an error.
if ( ! $_POST['immo-strasse'] )
wc_add_notice( __( 'Please enter something into this new shiny field.' ), 'error' );
}

Habs in PHP so gelöst:

if(isset($_POST['immobilien-typ'])){
$immobilientyp = $_POST['immobilien-typ'];
switch ($immobilientyp) {
case 'wohnung':
if ( ! $_POST['immobilien-typ-wohnung'] )
wc_add_notice( __( 'Bitte Wohnungstyp angeben' ), 'error' );
break;
case 'haus':
if ( ! $_POST['immobilien-typ-haus'] )
wc_add_notice( __( 'Bitte Haustyp angeben' ), 'error' );
break;
default:
if ( ! $_POST['immobilien-typ'] )
wc_add_notice( __( 'Bitte Immobilientyp auswählen' ), 'error' );
break;
}
}