菜鸟求个js写个下拉框,应该简单. <select name=""> <option value="1">小区名称</option> <option value="2">地址</option></select>你要的是这个? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 应该不能有类似这种的吧?<select name="">可以写出来吗? 你是要组件还是直接用HTML语言写?HTML写就同一楼 <script language="Javascript"> function aa(){document.write('<select name="a"><option value="1">小区名称</option><option value="2">地址</option></select>');}</script> 无聊写着玩看看符合要求不-------------------<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> .border{ width:148px; height:25px; border:1px #ccc solid; } .select{ width:144px; height:21px; margin:2px; cursor:hand; } .options{ border:1px #ccc solid; border-top:0px; width:150px; display:inline; } .options_hid{ display:none; } .option{ height:25px; line-height:25px; cursor:hand; } .option:hover{ height:25px; line-height:25px; background-color:#0000FF; }.span{ height:30px; width:40px; border:1px solid #ccc;}.span:hover{ color:#f00; background-color:#000000;} </style> </HEAD> <BODY> <div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div> <div class="options_hid" id="options"> <div class="option" value="1" onclick="select(this)">aaa</div> <div class="option" value="2" onclick="select(this)">bbb</div> </div><br /><hr /><br/> <select> <option>a</option> <option>b</option> <option>c</option> </select> </BODY></HTML><script language="javascript"> function select(o){ var oSelect = document.getElementById("select"); oSelect.innerHTML = o.innerHTML; oSelect.selectValue = o.value; document.getElementById("options").className = "options_hid"; oSelect.style.backgroundColor = "#00f"; event.cancelBubble = true; } function showOptions(){ var oOptions = document.getElementById("options"); if(oOptions.className == "options_hid"){ oOptions.className = "options"; }else if(oOptions.className == "options"){ oOptions.className = "options_hid"; } } document.body.onclick = function(){ document.getElementById("select").style.backgroundColor="#fff"; }</script> 你可以自己在div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div>中加一个向下的箭头图片 做得更像一些如:div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div><img src="" /></div> js把空格替换成 javascript跨域同步的技术解决方法? 怎么样用javascript 获得上传图片的长宽 编程源码一键生成注释方法? 如何让iframe中的页面弹出的div遮罩将iframe也罩住? 帮改变一下JS控制方式 Dojo 在国内流行吗,介绍点书籍吧 从frameset的一个frame中,利用链接创建一个新窗口,这个新窗口能否得到frameset的另一个frame中的值 卸载一个网页,询问是否设为首页怎么写? 这种函数写法对不对? 会跳动的文字 一个下拉点击的问题
HTML写就同一楼
function aa()
{
document.write('<select name="a"><option value="1">小区名称</option><option value="2">地址</option></select>');
}
</script>
看看符合要求不
-------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""> <style>
.border{
width:148px;
height:25px;
border:1px #ccc solid;
}
.select{
width:144px;
height:21px;
margin:2px;
cursor:hand;
}
.options{
border:1px #ccc solid;
border-top:0px;
width:150px;
display:inline;
}
.options_hid{
display:none;
} .option{
height:25px;
line-height:25px;
cursor:hand;
}
.option:hover{
height:25px;
line-height:25px;
background-color:#0000FF;
}.span{
height:30px;
width:40px;
border:1px solid #ccc;
}
.span:hover{
color:#f00;
background-color:#000000;
}
</style>
</HEAD> <BODY>
<div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div>
<div class="options_hid" id="options">
<div class="option" value="1" onclick="select(this)">aaa</div>
<div class="option" value="2" onclick="select(this)">bbb</div>
</div><br />
<hr />
<br/> <select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</BODY>
</HTML>
<script language="javascript">
function select(o){
var oSelect = document.getElementById("select");
oSelect.innerHTML = o.innerHTML;
oSelect.selectValue = o.value;
document.getElementById("options").className = "options_hid";
oSelect.style.backgroundColor = "#00f";
event.cancelBubble = true;
}
function showOptions(){
var oOptions = document.getElementById("options");
if(oOptions.className == "options_hid"){
oOptions.className = "options";
}else if(oOptions.className == "options"){
oOptions.className = "options_hid";
}
}
document.body.onclick = function(){
document.getElementById("select").style.backgroundColor="#fff";
}
</script>
div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div>
中加一个向下的箭头图片 做得更像一些如:
div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div><img src="" /></div>