Disabilitare e abilitare select da pulsante

**neida** · 04-12-2006, 14:13

Ciao! ...sono consapevole del rischio di linciaggio che corro nel postare per la millesima volta un post simile, ma proprio non riesco ad uscirne!

Ho cercato tra le tante discussioni sull'argomento ma, non avendo la giusta praticità con js, non riesco a risolvere questo problema da solo.

La questione è semplice, vorrei poter abilitare/disabilitare una select tramite un pulsante. Se possibile integrando il tutto in questa funzione:

codice:

function ShowAndHide(id1,id2) {
  if(document.getElementById) {
    el1 = document.getElementById(id1);
    el2 = document.getElementById(id2);
    if(el1.style.display=="none") {
      el1.style.display = "block";
      el2.style.display = "none";
    }
	else {
      el1.style.display="none";
      el2.style.display="block";
    }
  }
}

La funzionalità del codice è abbastanza chiara. Alla fine, in un div, ad esempio, con id "div1" richiamo la funzione tramite un pulsante (type=button) con onclick="ShowAndHide('div1','campo1');

così facendo visualizzo il contenuto dell'altro div "campo1" settato inizialmente con "display:none". Fin quì tutto bene.

Adesso vorrei poter integrare alla funzione "ShowAndHide" la possibilità di disabilitare una select e riabilitarla allo stesso modo del precedente meccanismo descritto prima, mostra/nascondi div.

Si può fare o è necessario creare una seconda funzione dedicata?

**neida** · 05-12-2006, 12:41

Ragazzi, capisco che non è tanto gratificante rispondere a discussioni che trattano argomenti già ampiamente discussi, ma un vostro aiuto sarebbe molto prezioso per me! non sono proprio capace di ragionare sul codice, ignoro quasi completamente la sintassi di js e non saprei dove mettere mano.

Magari proviamo ad isolare il problema... lasciamo stare la funzione che ho postato prima e il discorso sull'integrazione della funzionalità che avrei voluto aggiungere. Mi potreste fare un esempio di come fare per abilitare/disabilitare una select tramite un l'onclick associato ad un pulsante? Grazie

**Anªkin** · 05-12-2006, 13:01

per disabilitare una select basta che imposti l'attributo disabled della select a true/false.

una cosa tipo:

codice:

function ShowAndHide(id1,id2,id_se1) {
  if(document.getElementById) {
    el1 = document.getElementById(id1);
    el2 = document.getElementById(id2);
    se1 = document.getElementById(id_se1);
    if(el1.style.display=="none") {
      el1.style.display = "block";
      el2.style.display = "none";
      se1.disabled=false;
    }
	else {
      el1.style.display="none";
      el2.style.display="block";
      se1.disabled=true;
    }
  }
}

**neida** · 05-12-2006, 13:43

Ciao Anªkin, che piacere ritrovarti anche qui! grazie infinite per l'aiuto. Ho provato a smanettare un po' ma mi sono incartato mani e piedi

Sono proprio negato... non è che potresti farmi un esempio pratico?

**Anªkin** · 05-12-2006, 15:09

Ciao, guarda, una volta che dai l'id alla tua select non dovresti avere problemi, come assegni uno stile al tuo div abiliti o disabiliti la select, l'esempio più veloce:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function disable_select(flag){
	se1=document.getElementById("mySelect");
	se1.disabled=flag;
	return false;
}

</script>

</head>

<body>
<select id="mySelect" name="mySelect">
<option>...</option>
<option>asd</option>
</select>


 abilita 

 disabilita 
</body>
</html>

**neida** · 05-12-2006, 16:38

nada

nulla! ho provato il tuo esempio, funziona perfettamente, ma non riesco ad integrarlo al codice che già utilizzo. Non ci sono errori, niente. Neanche con la modifica che hai fatto prima, quella alla funzione "ShowAndHide", riesco a venirne fuori...

Questo e un esempio, concreto, della situazione in cui mi trovo...

codice:

<html>
<head>
<script type="text/javascript">
function ShowAndHide(id1,id2) {
  if(document.getElementById) {
    el1 = document.getElementById(id1);
    el2 = document.getElementById(id2);
    if(el1.style.display=="none") {
      el1.style.display = "block";
      el2.style.display = "none";
    }
	else {
      el1.style.display="none";
      el2.style.display="block";
    }
  }
}
</script>
</head>

<body>
<fieldset>
  <legend>prova</legend>
    <label>
	  <select name="compositore">
	    <option value="1">1</option>
	    <option value="2">2</option>
      </select>
	</label>

	<div id="lab1">
	  <label>
	    <input type="button" onclick="ShowAndHide('lab1','lab1_d1');return(false);" value="Apri" />
	  </label>
	</div>
    
	<div id="lab1_d1" style="display:none">
      <label>
	    <input type="button" onclick="ShowAndHide('lab1','lab1_d1');return(false);" value="Chuidi" />
	  </label>
	  testo di prova...
	</div>
</fieldset>
</body>
</html>

Si può integrare il codice che mi hai suggerito? Grazie

**Anªkin** · 05-12-2006, 18:02

Come dicevo nel post precedente devi dare un id (univoco) alla tua select, in modo da poterlo identificare usando getElementById:

codice:

<select id="compositore" name="compositore">
   <option value="1">1</option>
   <option value="2">2</option>
</select>

a quel punto usi la tua funzione così come l'ho modificata nel primo post richiamandola sull'onclick

codice:

ShowAndHide('lab1','lab1_d1','compositore');

così dovrebbe andare

**neida** · 06-12-2006, 23:48

Grazie! sei stato gentilissimo. Funzionava anche prima, con la tua prima modifica alla funzione. Ero io che facevo confusione con i nomi id da assegnare alla select. Grazie ancora, ciao!

Discussione: Disabilitare e abilitare select da pulsante

Strumenti discussione

Ricerca discussione

Visualizza

Disabilitare e abilitare select da pulsante

Permessi di invio