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

如何实现选中下拉框中其中一项后，在下拉框左边出现一个文本框？
如题：下拉框中有“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

&lt;html&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;style type="text/css"&gt;        &lt;/style&gt;    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;        &lt;script language="JavaScript" type="text/javascript"&gt;        $(function() {            $('#sel').change(function() {                if (this.value == '其他') {                    $('#selInput').show();                } else {                    $('#selInput').hide();                }            });        });    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;select id="sel"&gt;    &lt;option value="A"&gt;A&lt;/option&gt;    &lt;option value="B"&gt;B&lt;/option&gt;    &lt;option value="C"&gt;C&lt;/option&gt;    &lt;option value="其他"&gt;其他&lt;/option&gt;&lt;/select&gt;&lt;input type="text" id="selInput" style="display:none;" /&gt;&lt;/body&gt;&lt;/html&gt;
[解决办法]
探讨
HTML code


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

怎么实现选中下拉框中其中一项后在下

热点推荐