¿Cuando hay un cambio en input type="file" cómo modificar otro elemento?

[AngelMarine]

Es decir,

<input type="file" id="file" name="file"> ---->>> Le doy clic, selecciono un archivo, doy en abrir.......

<div id="etc-1" class="etc-1">
<p class="etc-txt">Hola</p>
</div>

En esta etiqueta p de momento dice hola, pero en el momento en se da clic en abrir, y se genera un cambio en el input file, debería quedar así, con un gracias:

<div id="etc-1" class="etc-1">
<p class="etc-txt">Gracias</p>
</div>

He probado todo un abanico de scripts y ya estoy


Ah por cierto, lo estoy intentando con jquery.

El último es este, y no funciona:

<script type="text/javascript">
var gracias = Gracias;
var hola = Hola;
$(document).ready(function(){
$("#file").change(function(){
if ($("#etc-txt").val() == "hola" ){
$("#etc-txt").val(Gracias);
}else{
$("#etc-txt").val(hola);
}
});
});
</script>

[PHPeros]

En vez de val() deberías usar text().

[AngelMarine]

Iniciado por PHPeros

En vez de val() deberías usar text().

<script type="text/javascript">
$(document).ready(function(){
$("#file").change(function(){
if ($("#p-select").text() == "Hola" ){
$("#p-select").text("Gracias");
}else{
$("#p-select").text("Hola");
}
});
});
</script>

Gracias, pero....no, no funciona.

[PHPeros]

Tenías los identificadores mal.

Código HTML:

<input type="file" id="file" name="file">
<div id="etc-1" class="etc-1">
<p id="etc-txt">Hola</p>
</div>
 

Código Javascript:

$(document).ready(function(){
    $("#file").change(function(){
        if ($("#etc-txt").text() == "Hola" ){
            $("#etc-txt").text("Gracias");
        }else{
            $("#etc-txt").text("Hola");
        }
    });
});
 

[Alexis88]

Para seleccionar elementos por su clase, debes de anteponer un punto al nombre y no un #.

Saludos