disabilitare textbox sul cambio di una DropDownList

**mexican** · 20-05-2008, 11:19

Ciao a tutti io ho una DropDownList :
<asp

ropDownList ID="campo1" runat="server" >
<asp:ListItem>si</asp:ListItem>
<asp:ListItem>no</asp:ListItem>
</asp

ropDownList>

Ora io selezionando no dovrei disabilitare quindi enabled=False alcuni textbox.

Come posso fare senza dover ricaricare la pagina?

Grazie a tutti.

**dops** · 20-05-2008, 12:09

Originariamente inviato da mexican
Ciao a tutti io ho una DropDownList :
<asp

ropDownList ID="campo1" runat="server" >
<asp:ListItem>si</asp:ListItem>
<asp:ListItem>no</asp:ListItem>
</asp

ropDownList>

Ora io selezionando no dovrei disabilitare quindi enabled=False alcuni textbox.

Come posso fare senza dover ricaricare la pagina?

Grazie a tutti.

google: "ajax" "update panel"

**pietro09** · 20-05-2008, 13:28

codice:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>


</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="campo1" runat="server">
            <asp:ListItem>si</asp:ListItem>
            <asp:ListItem>no</asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">
// <!CDATA[
document.getElementById("campo1").onchange = function()
    {
        
        document.getElementById("TextBox1").disabled = this.value == "no";
        //document.getElementById("TextBox1").readOnly = this.value == "no";
        
    };

// ]]>
</script>

**mexican** · 20-05-2008, 16:15

Originariamente inviato da pietro09

codice:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>


</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="campo1" runat="server">
            <asp:ListItem>si</asp:ListItem>
            <asp:ListItem>no</asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">
// <!CDATA[
document.getElementById("campo1").onchange = function()
    {
        
        document.getElementById("TextBox1").disabled = this.value == "no";
        //document.getElementById("TextBox1").readOnly = this.value == "no";
        
    };

// ]]>
</script>

perfetto!!! muchas gracias

**dops** · 20-05-2008, 19:27

Originariamente inviato da pietro09

codice:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>


</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="campo1" runat="server">
            <asp:ListItem>si</asp:ListItem>
            <asp:ListItem>no</asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">
// <!CDATA[
document.getElementById("campo1").onchange = function()
    {
        
        document.getElementById("TextBox1").disabled = this.value == "no";
        //document.getElementById("TextBox1").readOnly = this.value == "no";
        
    };

// ]]>
</script>

in un form lato server il controllo lato server non cambia id ? :master:

**mexican** · 21-05-2008, 09:58

Originariamente inviato da dops
in un form lato server il controllo lato server non cambia id ? :master:

l'id rimane lo stesso, altrimenti non si potrebbero applicare nemmeno i css

**dops** · 21-05-2008, 10:14

quindi a te funziona.. mah.. perdonami ma ho i miei dubbi. In un form lato server il controlli cambiano id..

**pietro09** · 21-05-2008, 10:42

Originariamente inviato da dops
quindi a te funziona.. mah.. perdonami ma ho i miei dubbi. In un form lato server il controlli cambiano id..

La verifica è semplice, basta guardare l'html prodotto.

Certo, se ci sono MasterPage, se i controlli sono dentro griglie, ...

comunque, questo non dovrebbe fallire:

document.getElementById("<%=Me.TextBox1.ClientID %>").disabled = this.value == "no";

**dops** · 21-05-2008, 11:03

Originariamente inviato da pietro09
La verifica è semplice, basta guardare l'html prodotto.

Certo, se ci sono MasterPage, se i controlli sono dentro griglie, ...

comunque, questo non dovrebbe fallire:

document.getElementById("<%=Me.TextBox1.ClientID %>").disabled = this.value == "no";

no questo sicuramente non fallisce.. se il controllo si trovasse in un repeater per esempio il codice di prima non funzionerebbe

**pietro09** · 21-05-2008, 11:12

Originariamente inviato da dops
no questo sicuramente non fallisce.. se il controllo si trovasse in un repeater per esempio il codice di prima non funzionerebbe

:master: ecco, di solito si scrive il codice secondo le "condizioni al contorno".

Discussione: disabilitare textbox sul cambio di una DropDownList

Strumenti discussione

Ricerca discussione

Visualizza

disabilitare textbox sul cambio di una DropDownList

Re: disabilitare textbox sul cambio di una DropDownList

grazie

no

Permessi di invio