怎么实现选中下拉框中其中一项后，在下拉框左边出现一个文本框 _Ajax

如何实现选中下拉框中其中一项后，在下拉框左边出现一个文本框？
如题：下拉框中有“A”，“B”，“C”，“其它”几个选项，选择A、B、C都是正常的，而当选择“其它”的时候，会出现一个文本框在下拉框的右边，可以填其它的比如说“F”。如果选择错误，重新选择“A”的话，文本框会消失，其中填的值也会清空。这个怎么实现啊，申明，我不会AJAX,请直接告诉我代码。谢谢各位。

------解决方案--------------------
不用ajax就能实现。。。。直接放一个文本框在右边。。设为隐藏。。写下拉框的change事件当点击其他的时候让他显示出来。。点击别的隐藏就行了
------解决方案--------------------
可以增加一个dropdownlist的selectindexchanged事件，当selectItem是3(就是其他的时候)，让一个文本框的visible=true，就可以了，你试试
------解决方案--------------------
重新选择A,B,C既selectItem是0,1,2的时候，让那个文本框的visible=false
------解决方案--------------------

HTML code


<html>
<head>
    <title></title>
    <style type="text/css">
    
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    <script language="JavaScript" type="text/javascript">
        $(function() {
            $('#sel').change(function() {
                if (this.value == '其他') {
                    $('#selInput').show();
                } else {
                    $('#selInput').hide();
                }
            });
        });
    </script>
</head>
<body>
<select id="sel">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="其他">其他</option>
</select>
<input type="text" id="selInput" style="display:none;" />
</body>
</html>

------解决方案--------------------
探讨
HTML code


<html>
<head>
    <title></title>
    <style type="text/css">
    
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
……