Ciao, come dici, il problema è più che altro in questa parte:
JavaScript:
document.querySelector('select[name="cercaRegioneTable"]').value;
Il metodo
querySelector restituisce l'elemento trovato solo quando questo è presente nel DOM, altrimenti restituisce un valore
null.
E' chiaro che il valore
null NON ha alcuna proprietà, tanto meno la proprietà
value. Dal momento che stai tentando di accedere ad una qualsivoglia proprietà di un valore
null, l'interprete JavaScript genera un errore che interrompe lo script.
Puoi risolvere in vari modi, più o meno adeguati a seconda del contesto, ad esempio con una semplice condizione puoi controllare preventivamente che l'elemento sia trovato per poi accedere eventualmente alle sue proprietà ed elaborare ciò che ti serve, come hai suggerito tu stesso.
Analogamente potresti risolvere con un operatore ternario con cui assegnare un valore alla variabile select che, nel caso l'elemento non esista, restituisca comunque un certo valore, ad esempio
undefined.
JavaScript:
const select = document.querySelector('select[name="cercaRegioneTable"]') ? document.querySelector('select[name="cercaRegioneTable"]').value : undefined;
Un sistema analogo ma più recente (introdotto con ECMAScript 2020) è l'uso del costrutto
?. (cosiddetto operatore di concatenamento opzionale, vedi documentazioni online) che risolve lo script in modo più sintetico:
JavaScript:
const select = document.querySelector('select[name="cercaRegioneTable"]')?.value;
Nota la sintassi "?." che permette di accedere alla proprietà a seguire solo quando l'oggetto esiste, altrimenti sarà restituito un valore
undefined.
Ancora, un altro sistema ingegnoso (usato quando ancora non esisteva il concatenamento opzionale) prevede l'uso dell'operatore || (OR logico) per creare un oggetto al volo (anche vuoto) qualora l'oggetto iniziale sia nullo o inesistente:
JavaScript:
const select = (document.querySelector('select[name="cercaRegioneTable"]') || {}).value;
in questo caso sarà restituito un valore
undefined perché l'oggetto vuoto non possiede la proprietà
value, tuttavia non saranno generati errori.
... e altri eventuali sistemi simili.
Nel tuo caso, se devi escludere tutta una parte di script che fa riferimento a quella costante, forse è più adeguato il primo metodo, porre una semplice condizione
if con cui far eseguire tale script solo se l'elemento esiste.
Vedi tu come ti sembra meglio.
Buon proseguimento.
