首页 > 语言 > JavaScript > 正文

可选择和输入的下拉列表框示例

2024-05-06 15:54:07
字体:
来源:转载
供稿:网友
如果想实现可选择和输入的下拉列表框,那么下面有个不错的示例,希望大家可以参考下

复制代码 代码如下:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可选择和输入的下拉列表框</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>

<table cellspacing="0" cellpadding="0"><tr><td>
<!--select标签和input外面的span标签的格式是为了使两个位置在同一位置,控制位置-->
<span>
<select
onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<!--下面的option的样式是为了使字体为灰色,只是视觉问题,看起来像是注释一样-->
<option value="">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span>
<input type="text" value="可选择也可输入的下拉框">
</span>

</td></tr></table>

</body>

</html>


注意注释的位置。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选