add and hide input base on selection

[Yohanne]

Hi Coders,

 

any body can help to work this?

<select id="mylist">
    <option selected></option>
    <option value="1" >aaaa</option>
     <option value="2">bbb</option>
    <option value="3">ccc</option>
</select>

$('#mylist').change(function(){
    if( $(this).val() == '1'){
        $('body').append('<input id="myInput" type="text" />');
    }else{
        $('#myInput').remove();
    }
});

[kts]

Your original code worked for me pasting in js fiddle.. so not sure the question. Rather than generate the input as an append for the body, it makes more sense to put this in a div that you are showing and hiding. You can set the div to hidden on default.

 

You can see the changes here:

http://jsfiddle.net/uGPJ5/