[JQuery] gestione div tramite value Select

[newbobotime]

Ciao Raga, urge aiutino
ho un semplice script (JQuery) che mi aiuta a gestire la visualizzazione di alcuni div che contengono a loro volta dei form.
Spiego il mio problema:

lo script sotto riportato funziona benissimo alla bisogna

	$(document).ready(function(){
			$('#div1, #div2').hide(); 
	
			$('#MySelect').val("").change(function() {
	
				 if($(this).attr('value') == ''){
					$("#div1_ops").hide();
					$("#div2").hide();
				 }
				 else if($(this).attr('value') == 1){
					$("#div2").hide();
					$("#div1").show();
				 }
				 else{
				 	$("#div2").show();
					$("#div1").hide();
				 };
			});
	});

il mio problema adesso è che i vari componenti dei form ( input, textaree, etc. ) ricevono i valori da un db tramite php, adesso se l'option della select è nullo ok, va bene com'è ma se l'option viene popolato dal db ( perchè il relativo campo non è vuoto ) si popola regolarmente l'option della select ma non attiva la funzione perchè di default il valore è impostato come null

 $('#MySelect').val("")

come faccio a farlo funzionare anche al download della pagina ?

spero che qualcuno mi possa aiutare ma sopratutto abbia compreso quanto ho cercato di spiegare , 10x !!






,

[newbobotime]

nessuno ?










.

[cavicchiandrea]

Prova a mettere un link alla pagina pubblica (tuosito/nomepagina) la spiegazione è alquanto contorta e il codice non è da meno.

[newbobotime]

Mi viene un pò complicato, si tratta di una web application un pò articolata pubblicata all'interno di una intranet aziendale.

Potrei creare una pagina di test sul mio spazio web, ma preferirei evitare sperando di riuscire a farmi comprendere con una nuova spiegazione.

Cerco di spiegare nuovamente il problema facendo maggiore attenzione nell'esposizione.

Cosa fa questo codice ?

1. Innanzitutto al download della pagina deve tenere nascosti i 2 div (div1, div2)

2. Poi se l'utente seleziona (dalla select con id #MySelect) il valore 1 deve mostrargli il div 1 se seleziona invece altri valori (2,3,4,5,etc.) deve mostragli il div 2 se seleziona un valore nullo deve nascondere nuovamente entrambi i 2 div

$(document).ready(function(){
 $('#div1, #div2').hide(); 
	
$('#MySelect').val("").change(function() {
  
     if($(this).attr('value') == ''){
      $("#div1_ops").hide();
      $("#div2").hide();
     }
     else if($(this).attr('value') == 1){
      $("#div2").hide();
      $("#div1").show();
     }
     else{
      $("#div2").show();
      $("#div1").hide();
     };
  });
});

Ok, mi funziona, ma solo con l'evento change io invece ho bisogno che funzioni anche con l'evento load, cioè; se la value della select al momento del caricamento della pagina è già valorizzata deve funzionare la function, si può fare ?

Sono stato un pochino più chiaro ?


.

[cavicchiandrea]

Prova cosi

$(document).ready(function(){
 $('#div1, #div2').hide(); 
$('#MySelect option:selected').each(function() {
     if($(this).val() == ''){
      $("#div1_ops").hide();
      $("#div2").hide();
     }
     else if($(this).val() == 1){
      $("#div2").hide();
      $("#div1").show();
     }
     else{
      $("#div2").show();
      $("#div1").hide();
     };
  });	
$('#MySelect').val("").change(function() {
  
     if($(this).attr('value') == ''){
      $("#div1_ops").hide();
      $("#div2").hide();
     }
     else if($(this).attr('value') == 1){
      $("#div2").hide();
      $("#div1").show();
     }
     else{
      $("#div2").show();
      $("#div1").hide();
     };
  });
});

[newbobotime]

Great !! cavicchiandrea !!
Funge !

c'era solo da modificare qualcosina altrimenti continuava a valorizzare la option null

da così

$('#MySelect').val("").change(function()

a così

$('#MySelect').change(function()

10X !



.