how to render input fields required based on the selection of a select

my intent is to make input and second select fields all required if the value of first select was selected

select:

<select name="AMC_metavalue_tipologia_evento" id="AMC_metavalue_tipologia_evento">
    <option value="" disabled selected>Ingresso Singolo?</option>
    <option value="8" '.selected( $AMC_metakey_tipologia_evento, '8', false ) . '>Orario Custom</option>
    <option value="0" '.selected( $AMC_metakey_tipologia_evento, '0', false ) . '>Annulla orario Custom</option>
</select>

input:

<input type="text" name="AMC_metavalue_primo_orario_prezzo_pista_uomo" value="'.esc_attr( $AMC_metakey_primo_orario_prezzo_pista_uomo ).'"/>        

<input type="text" name="AMC_metavalue_primo_orario_prezzo_pista_donna" value="'.esc_attr( $AMC_metakey_primo_orario_prezzo_pista_donna ).'"/>   

second select:

<select name="AMC_metavalue_cosa_ha_uomo_primo_orario_custom" id="AMC_metavalue_cosa_ha_uomo_primo_orario_custom">
    <option value="" disabled selected>Imposta Cosa ha Uomo</option>
    <option value="Solo Ingresso" '.selected( $AMC_metakey_cosa_ha_uomo_primo_orario_custom, 'Solo Ingresso', false ) . '>Solo Ingresso</option>
    <option value="Ingresso + 1 Cocktail in omaggio" '.selected( $AMC_metakey_cosa_ha_uomo_primo_orario_custom, 'Ingresso + 1 Cocktail in omaggio', false ) . '>Ingresso + 1 Cocktail in omaggio</option>
    <option value="0" '.selected( $AMC_metakey_cosa_ha_uomo_primo_orario_custom, '0', false ) . '>Non Previsto</option>
</select>