52,782
社区成员
发帖
与我相关
我的任务
分享如何实现选中下拉框中其中一项后，在下拉框左边出现一个文本框？
如题：下拉框中有“A”，“B”，“C”，“其它”几个选项，选择A、B、C都是正常的，而当选择“其它”的时候，会出现一个文本框在下拉框的右边，可以填其它的比如说“F”。如果选择错误，重新选择“A”的话，文本框会消失，其中填的值也会清空。这个怎么实现啊，申明，我不会AJAX,请直接告诉我代码。谢谢各位。
...全文
请发表友善的回复…
发表回复
a597926661 2012-03-23
- 打赏
- 举报
[Quote=引用 4 楼 acesidonu 的回复:]
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>
……
[/Quote]
1楼 4楼的方法是最简单的
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>
……
[/Quote]
1楼 4楼的方法是最简单的
Acesidonu 2012-03-23
- 打赏
- 举报
<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>
霜之哀伤额 2012-03-23
- 打赏
- 举报
重新选择A,B,C既selectItem是0,1,2的时候，让那个文本框的visible=false
霜之哀伤额 2012-03-23
- 打赏
- 举报
可以增加一个dropdownlist的selectindexchanged事件，当selectItem是3(就是其他的时候)，让一个文本框的visible=true，就可以了，你试试
三石-gary 2012-03-23
- 打赏
- 举报
不用ajax就能实现。。。。直接放一个文本框在右边。。设为隐藏。。写下拉框的change事件当点击其他的时候让他显示出来。。点击别的隐藏就行了
