Afficher un contenu supplémentaire basé sur la sélection

Is this also the Risk Address: 
<select name="InsuredSALicense2" id="InsuredSALicense2"> 
    <option>Please Select</option> 
    <option>Yes</option> 
    <option>No</option> 
</select>

Si la réponse est "Non", une liste déroulante masquée doit être créée.Afficher un contenu supplémentaire basé sur la sélection

If No, Please give details: 
<textarea name="InsuredOther License2" 
      id="InsuredOther License2" 
      cols="30" rows="4"></textarea> 
<form id="form4" name="form4" method="post" action="">

dire que sur la forme que je veux créer un menu déroulant (par exemple: « Avez-vous ... », s'il vous plaît sélectionnez oui/non): si la réponse est « Oui » déroulez une section si non, ne faites pas tomber la section.

Cette forme a été réalisée dans dreamweaver cs4.

Source

2009-06-10 Anonymous

êtes-vous wrokin dans ASP.net ?? Si vous travaillez dans ASP.net..vous pouvez créer une liste déroulante cachée sur l'événement de changement de texte Dropdownlist ... d'abord, vous pouvez vérifier quelle est la valeur de la liste déroulante sélectionnée ... laissez-moi savoir si vous avez toutes les questions

Source

2009-06-10 07:09:46 sona

Je pense que la bonne solution serait de le faire côté client: donc générer à la fois la zone de texte et le menu déroulant. Cacher celui qui n'est pas le défaut (style = "visibility: hidden" par exemple). Créez ensuite un événement onchange dans la zone de liste InsuredSALicense2, qui masque le champ non important et affiche l'événement important.

Source

2009-06-11 12:49:03

Vous pourriez le faire relativement facilement. En utilisant le framework javascript jQuery, vous pouvez faire quelque chose comme ce qui suit:

/* Attach an event to your dropdown menu containing Yes/No */ 
$("#InsuredSALicense2").change(function(){ 
    /* Check Value After Change */ 
    if (this.val() == "Yes") { 
    /* Show the dropdown field */ 
    $("#hiddenDIV").show(); 
    } else { 
    /* Hide the dropdown field */ 
    $("#hiddenDIV").hide(); 
    } 
});

Cet exemple suppose que votre menu déroulant « caché » est dans un appelé « hiddenDIV »:

<div id="hiddenDIV"> 
    <p>Hidden drop down stuff here</p> 
</div>

Pour utiliser ce code-échantillon , vous devez référencer la bibliothèque jQuery à partir de votre tag.

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
</head>

Source

2009-06-11 13:01:54 Sampson

Afficher un contenu supplémentaire basé sur la sélection

Répondre

Questions connexes