复制代码 代码如下:
<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" width="100%" border="0"><tr><td align="left">
<>
<span>
<select name="aabb" id="aabb"
onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<>
<option value="">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span>
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框">
</span>
</td></tr></table>
</body>
</html>
注意注释的位置。
【可选择和输入的下拉列表框示例】相关文章：
★ js输入中文效果
★ 美化下拉列表
★ 在ASP.NET MVC项目中使用RequireJS库的用法示例