Campo e bottone non selezionabile in base a valore select

[lucas726]

Ciao

Ho un campo select dal quale è possibile fare delle scelte.
Avrei la necessità di rendere un campo input non editabile e a valore nullo o zero e un bottone disattivato se un determinato valore è selezionato nel campo select.

E' possibile ottenere una cosa del genere con javascript/ajax?

Come?

Grazie

[TrueLies]

<form> prova:

<select name="foo" onchange="validami(this, 1)">
<option value="ok">ok</option>
<option value="no">no</option>
</select>


<input type="text" name="foo2" value="" />
<input type="button" name="foo3" value="clicca" />
</form>

<script>
function validami(sel, index){
if(sel.selectedIndex==index){
sel.form.foo2.disabled=true; sel.form.foo2.value='';
sel.form.foo3.disabled=true;
}
else{
sel.form.foo2.disabled=false;
sel.form.foo3.disabled=false;
};
}
</script>

presume i nomi del campo di testo siano foo2, del pulsante foo3, e che conosci l'index della option che deve innescare il comportamento (in questo caso la numero 1, tenendo presente che il conteggio degli elementi in javascript non parte da 1 ma da 0)

[lucas726]

Originariamente inviato da TrueLies

<form> prova:

<select name="foo" onchange="validami(this, 1)">
<option value="ok">ok</option>
<option value="no">no</option>
</select>


<input type="text" name="foo2" value="" />
<input type="button" name="foo3" value="clicca" />
</form>

<script>
function validami(sel, index){
if(sel.selectedIndex==index){
sel.form.foo2.disabled=true; sel.form.foo2.value='';
sel.form.foo3.disabled=true;
}
else{
sel.form.foo2.disabled=false;
sel.form.foo3.disabled=false;
};
}
</script>

presume i nomi del campo di testo siano foo2, del pulsante foo3, e che conosci l'index della option che deve innescare il comportamento (in questo caso la numero 1, tenendo presente che il conteggio degli elementi in javascript non parte da 1 ma da 0)

Ciao

C'è qualcosa che non va.

Questo il mio javascript:

<script type="text/javascript">
function validami(sel, index){
if(sel.selectedIndex==index){
sel.myform.datafinale.disabled=true; sel.myform.datafinale.value='';
sel.myform.calcola.disabled=true;
}
else{
sel.myform.datafinale.disabled=false;
sel.myform.calcola.disabled=false;
};
}
</script>

questa la pagina (html-php)dove è inserito il form con la select:

.............
<form name="myform" action="scadenze.php" method="post">
........................

    <td height="30" width="267"  colspan="2">
        
        <? 
     $option = '';
while($rowgg = mysql_fetch_array($risultatogg))
{
    $option .= '<option value="'.$rowgg['valore'].'">' . $rowgg['scritta'] . '</option>'; 
}
echo '<select name="incremento" onchange="validami(this, 7)"></option>' . $option . '</select>';  
    ?>
        
        <input type="button" value="calcola" name="calcola" onclick="dateAdd()">
        <input type="text" value="" name="datafinale" size="10">
            
        </td>

I valori del campo select vengono richiamati da una tabella del db.
Il valore che mi interessa è l'ultimo (l'ottavo) che ha come value 0 quindi ho inserito

onchange="validami(this, 7)

Ma non avviene niente.
Cosa sbaglio?

Grazie

[TrueLies]

Un po' tutto:

se leggo questa riga

echo '<select name="incremento" onchange="validami(this, 7)"></option>' . $option . '</select>';

mi viene da dirti: l'output html lo hai visto? tu apri una select e chiudi una option e poi apri una option e poi chiudi la select

[TrueLies]

inoltre, perchè hai cambiato
sel.form.
in
sel.myform
?

Ti avevo segnalato che i campi da cambiare erano foo2 e foo3

[TrueLies]

Ogni oggetto javascript che appartiene ad una form, può risalire alla sua form tramite la parola chiave:
form

se la cambi, non è più parola chiave ma qualcos' altro.

Inoltre se il tuo ciclo in php è suscettibile di aggiungere altre opzioni, o toglierne, in futuro, e tu sei sicuro che quella che deve innescare sempre il comportamento sarà sempre l' ultima, si può generalizzare la funziona in modo da prescindere dall' index, a patto che la option in questione sia sempre sfornata dal tuo php come ultima.

[lucas726]

Originariamente inviato da TrueLies
Ogni oggetto javascript che appartiene ad una form, può risalire alla sua form tramite la parola chiave:
form

se la cambi, non è più parola chiave ma qualcos' altro.

Inoltre se il tuo ciclo in php è suscettibile di aggiungere altre opzioni, o toglierne, in futuro, e tu sei sicuro che quella che deve innescare sempre il comportamento sarà sempre l' ultima, si può generalizzare la funziona in modo da prescindere dall' index, a patto che la option in questione sia sempre sfornata dal tuo php come ultima.

ho cambiato myform in form com'era nel tuo script e adesso funziona. Scusami non sapevo che fosse parola chiave..di javascript so quasi nulla

Per quanto riguarda la select non dovrei modificare ed aggiungere nulla in futuro (bastano pochi secondi ad adattarla, credo).
In ogni caso mi interessa questa generalizzazione della funzione a prescindere dall'index (con option interessato sempre ultimo ovviamente)....non si sa mai in futuro.
Come si ottiene?

Grazie gentilissimo comunque.
Buonanotte.

[TrueLies]

per farlo basta che la riga che dice:

if(sel.selectedIndex==index){


la sostituisci con:

if(sel.selectedIndex==sel.options.length-1){

ps a quel punto puoi rimuovere "index" dagli argomenti

[lucas726]

Originariamente inviato da TrueLies
per farlo basta che la riga che dice:

if(sel.selectedIndex==index){


la sostituisci con:

if(sel.selectedIndex==sel.options.length-1){

ps a quel punto puoi rimuovere "index" dagli argomenti

Ottimo, grazie ancora.