87,923
社区成员
发帖
与我相关
我的任务
分享做了一个效果，不知道大家能不能用上
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>New Page 1</title>
</head>
<script>
function selectOther(list) {
var input = document.createElement("INPUT");
input.className = "select";
input.type = "text";
input.onblur = function() {
var list = this.oldNode;
list.options[list.options.length - 1] = new Option(this.value, "", true);
list.options[list.options.length] = new Option("Other...");
list.selectedIndex = list.options.length - 2;
this.parentNode.replaceChild(list, this);
};
input.oldNode = list.parentNode.replaceChild(input, list);
}
</script>
<body>
<p><select size="1" name="D1">
<option>111</option>
<option>222</option>
<option>333</option>
</select><input type="submit" value="添加" name="B1" onclick=selectOther(D1)></p>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>New Page 1</title>
</head>
<script>
function selectOther(list) {
var input = document.createElement("INPUT");
input.className = "select";
input.type = "text";
input.onblur = function() {
var list = this.oldNode;
list.options[list.options.length - 1] = new Option(this.value, "", true);
list.options[list.options.length] = new Option("Other...");
list.selectedIndex = list.options.length - 2;
this.parentNode.replaceChild(list, this);
};
input.oldNode = list.parentNode.replaceChild(input, list);
}
</script>
<body>
<p><select size="1" name="D1">
<option>111</option>
<option>222</option>
<option>333</option>
</select><input type="submit" value="添加" name="B1" onclick=selectOther(D1)></p>
</body>
</html>
...全文
请发表友善的回复…
发表回复
seabell 2002-12-24
- 打赏
- 举报
like this?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>New Page 1</title>
</head>
<script>
function selectOther(list) {
var input = document.createElement("INPUT");
input.className = "select";
input.type = "text";
input.onblur = function() {
var list = this.oldNode;
list.options[list.options.length - 1] = new Option(this.value, "", true);
list.options[list.options.length] = new Option("Other...");
list.selectedIndex = list.options.length - 2;
this.parentNode.replaceChild(list, this);
};
input.oldNode = list.parentNode.replaceChild(input, list);
}
</script>
<body>
<p><select size="1" name="D1" onchange="if(this.selectedIndex==this.options.length-1)selectOther(D1)">
<option>111</option>
<option>222</option>
<option>333</option>
<option>Other...</option>
</select>
</p>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>New Page 1</title>
</head>
<script>
function selectOther(list) {
var input = document.createElement("INPUT");
input.className = "select";
input.type = "text";
input.onblur = function() {
var list = this.oldNode;
list.options[list.options.length - 1] = new Option(this.value, "", true);
list.options[list.options.length] = new Option("Other...");
list.selectedIndex = list.options.length - 2;
this.parentNode.replaceChild(list, this);
};
input.oldNode = list.parentNode.replaceChild(input, list);
}
</script>
<body>
<p><select size="1" name="D1" onchange="if(this.selectedIndex==this.options.length-1)selectOther(D1)">
<option>111</option>
<option>222</option>
<option>333</option>
<option>Other...</option>
</select>
</p>
</body>
</html>
helei33 2002-12-24
- 打赏
- 举报
谢谢，如果大家有兴趣的话，可以修改修改，大家共享！
ssm1226 2002-12-24
- 打赏
- 举报
OK
walkingpoison 2002-12-24
- 打赏
- 举报
有点小问题，第一次会把原来的选项“333”覆盖掉，并且会多出来一项“Other..”，但是实际使用当中似乎这个Other选项没有什么作用。
hmbory 2002-12-24
- 打赏
- 举报
改进一下就更不错：）
emu 2002-12-24
- 打赏
- 举报
不错，还可以试试其他的做法，再接再厉啊！
seabell 2002-12-24
- 打赏
- 举报
不错啊
