87,997
社区成员
发帖
与我相关
我的任务
分享这样的问题如何实现？
实现的内容为：
开始在页面上出现一个文本框，当点击文本框后，在文本框的上面显示一个下拉列表（这个下拉列表是悬浮的），在下拉列表中选择值后，这个值就显示在文本框中，可以多选。如何实现请高手指点。万分感激！
开始在页面上出现一个文本框，当点击文本框后，在文本框的上面显示一个下拉列表（这个下拉列表是悬浮的），在下拉列表中选择值后，这个值就显示在文本框中，可以多选。如何实现请高手指点。万分感激！
...全文
请发表友善的回复…
发表回复
PurpleStar 2003-11-14
- 打赏
- 举报
看看http://fason.nease.net里有一个下拉菜单，是不是你想要的
zohn 2003-11-14
- 打赏
- 举报
是不是上面这种的啊，如果不是，自己稍加修改就可以了
zohn 2003-11-14
- 打赏
- 举报
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="frm" method="post" action="">
<p>
<select name="messagePick" onChange="messageReveal()" style="display:none">
<option value="0">The Menu Message
<option>Seen this before?
<option>Possible uses?
<option>Shares Information
<option>Saves space
<option>Get the code!
</select>
</p>
<p>
<input type="text" name="messageField" size="100" onClick="test()">
</p>
</form>
</body>
</html>
<script language="JavaScript">
var messages = new Array(6);
messages[0] = "";
messages[1] = "Have you ever seen anything like this before?";
messages[2] = "Can you imagine how you could use it on your site?";
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space! ";
messages[5] = "So, get the code and put it on your site!";
function test()
{
frm.messagePick.style.display="";
frm.messagePick.disabled=false;
}
function messageReveal()
{
var messageindex = document.frm.messagePick.selectedIndex
document.frm.messageField.value = messages[messageindex];
}
</script>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="frm" method="post" action="">
<p>
<select name="messagePick" onChange="messageReveal()" style="display:none">
<option value="0">The Menu Message
<option>Seen this before?
<option>Possible uses?
<option>Shares Information
<option>Saves space
<option>Get the code!
</select>
</p>
<p>
<input type="text" name="messageField" size="100" onClick="test()">
</p>
</form>
</body>
</html>
<script language="JavaScript">
var messages = new Array(6);
messages[0] = "";
messages[1] = "Have you ever seen anything like this before?";
messages[2] = "Can you imagine how you could use it on your site?";
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space! ";
messages[5] = "So, get the code and put it on your site!";
function test()
{
frm.messagePick.style.display="";
frm.messagePick.disabled=false;
}
function messageReveal()
{
var messageindex = document.frm.messagePick.selectedIndex
document.frm.messageField.value = messages[messageindex];
}
</script>
bzscs 2003-11-14
- 打赏
- 举报
http://expert.csdn.net/Expert/topic/2457/2457948.xml?temp=.2880823
jacklinchen 2003-11-14
- 打赏
- 举报
使用<div>层来做
