Comment faire disparaître quelque chose en utilisant jQuery?

Question

je la baisse suivante vers le bas:

<select name="chooseLanguage"> 
    <option>Choose One</option> 
    <option value="java">Java</option> 
    <option value="php">PHP</option> 
    <option value="c++">C++</option> 
</select> 

Si tout est sélectionné dans cette liste déroulante autre que la valeur par défaut « Choisissez un » qui est bien sûr présélectionné, je veux que ce champ de saisie à disparaître:

<input type="file" name="uploadFile" /> 

Comment cela peut-il être réalisé en utilisant jQuery (si possible avec un joli effet de fondu)?

EDIT

Mon code entier, pour une raison aucune des réponses ont travaillé pour moi.

<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> 

<script type="text/javascript"> 
$(function(){ 
    $("#chooseLanguage").change(function(){ 
    if ($(this).val() == '') { 
     $("#uploadFile").hide(); 
    } else { 
     $("#uploadFile").show(); 
    } 
    }); 
}); 
</script> 

<form action="" method="post"> 

<select name="chooseLanguage" id="chooseLanguage"> 
    <option>Choose One</option> 
    <option value="java">Java</option> 
    <option value="php">PHP</option> 
    <option value="c++">C++</option> 
</select> 

<input type="file" name="uploadFile" id="uploadFile" /> 

</form> 

Answer 1

Les autres réponses sont presque correctes, mais il manque une minute ou un détail ou deux. Cela devrait fonctionner "hors de la boîte".

$(function(){ 
    $("#chooseLanguage").change(function(){ 
    if ($(this).val() == '') { 
     $("#uploadFile").hide(); 
    } else { 
     $("#uploadFile").show(); 
    } 
    }); 
}); 

Il suffit de donner la boîte de sélection "chooseLanguage" un ID de "chooseLanguage", et l'entrée de téléchargement d'un ID de "UploadFile".

Answer 2

<input id="uploadFile" type="file" name="uploadFile" /> 

alors vous pouvez simplement utiliser $('#uploadFile').hide()

comme le suggère que vous avez également fadeOut() et fadeIn() pour l'effet inverse ..

Answer 3

Donnez l'entrée d'un id, comme id="myupload".

Ensuite, il suffit:

$('#myupload').fadeOut('slow'); 

Answer 4

Vous pouvez faire comme:

$('select[name="chooseLanguage"]').change(function(){ 
    if ($(this).val()) 
    { 
    $('input[name="uploadFile"]').fadeOut('slow'); 
    } 
}); 

Answer 5

Voici une autre façon de le faire. Exemple: trouver tous les <div> éléments qui ont une classe CSS du "produit", et les animer à disparaître lentement:

$("div.product").slideUp('slow').addClass("removed"); 

Answer 6

jQuery

$(document).ready(function(){ 
    $("#chooselanguage").change(function(){ 
    if ($("#chooselanguage").attr("selectedIndex")>0) { 
     $("#fileupload").fadeOut(); 
    } else { 
     $("#fileupload").fadeIn(); 
    } 
    }); 
}); 

HTML

<select id="chooselanguage" name="chooseLanguage"> 
    <option>Choose One</option> 
    <option value="java">Java</option> 
    <option value="php">PHP</option> 
    <option value="c++">C++</option> 
</select>