ASP.NET MVC - Html.DropDownList

Question

Je souhaite afficher une zone de texte en fonction de la valeur sélectionnée dans Html.DropDownList. Est-ce possible?

Answer 1

Afficher où? Afficher/Masquer une zone de texte en fonction de la valeur dans une liste déroulante?

Vous pouvez facilement y parvenir en utilisant l'événement change et jquery. Quelque chose comme (non testé)

$('#dropdownId').change(function(){ 
    var textbox = $('#textboxId'); 
    if ($(this).val() == 'foo') 
    textbox.hide(); 
    else 
    textbox.show(); 
}); 

Answer 2

Vous devrez utiliser javascript pour cela. Ajoutez un événement onchange pour la liste déroulante. Quelque chose comme:

<%= Html.DropDownList("myList", myData, new { onchange = "showTextBox(this)" }) %> 

Et votre myFunc se penchera sur les lignes de:

function showTextBox(item) { 
    if(item.value == 'theCorrectValue') 
    { 
    document.getElementById('myTextBox').style.visibility = 'visible'; 
    } 
} 

Si vous utilisez jQuery, il sera un peu plus facile

Answer 3

$('#SearchTypeID').change(function() { 
    var searchValue = $('#SearchTypeID').val(); 

    if (searchValue == 4) 
    { 
     $('#DropdownNames').show(); 
     $('#TextboxNames').hide(); 
    } 
    else 
    { 
     $('#TextboxNames').show(); 
     $('#DropdownNames').hide(); 
    } 

})