Comment faire pour modifier une liste déroulante dans une zone de texte sur une sélection en jQuery?

J'ai une liste déroulante, et je veux que ce changement à vider la zone de texte lorsque je sélectionne le Other option.

Comment faire pour modifier une liste déroulante dans une zone de texte sur une sélection en jQuery?

Code HTML:

<select id='visit'>
    <option value='1' class='volunteer'>Romania</option>
    <option value='2' class='volunteer1'>Slovakia</option>
    <option value='3' class='volunteer2'>Belgium</option>
    <option value='4' class='volunteer3'>Other</option>
</select>

Et c'est le minimum de code JavaScript pour commencer:

$('#visit').live('change', function () {
    if ((this.value) == 4) {
        alert("Other selected")
        //Code to change select list into textbox here
    }
});

La JSFiddle où il peut être tenté ici.

Comment puis-je faire cela à l'aide de jQuery?

OriginalL'auteur Eduard Florinescu | 2014-06-10