html 循环下拉菜单
在html网页中，我想做一个显示年份的下拉菜单（1900-2000年），于是写了<selectsize="1"name="year"><scriptlanguage="J...
在html网页中 ，我想做一个显示年份的下拉菜单（1900-2000年），于是写了
<select size="1" name="year">
<script language="JavaScript">
var i ;
for(i=1900; i<=2000; i++)
{
document.form1.year.value=i ;
document.write("<option value="i"><fond color="black">i</option>") ;
}
</script>
但是运行结果只有下拉的位置，没有显示年份的数字，有谁能帮忙解答一下，谢谢了 展开
<select size="1" name="year">
<script language="JavaScript">
var i ;
for(i=1900; i<=2000; i++)
{
document.form1.year.value=i ;
document.write("<option value="i"><fond color="black">i</option>") ;
}
</script>
但是运行结果只有下拉的位置，没有显示年份的数字，有谁能帮忙解答一下，谢谢了 展开
展开全部
下拉菜单实现代码如下：
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function Body_Init(oSelect,oText)
{
var iLeft= oSelect.offsetLeft;
var iTop = oSelect.offsetTop;
var iWidth=oSelect.clientWidth;
var iHeight=oSelect.clientHeight;
oSelect.style.clip='rect(0,'+iWidth+','+iHeight+','+(iWidth-18)+')';
oText.style.width=iWidth;
oText.style.height=iHeight;
oText.style.top =iTop;
oText.style.left=iLeft;
}
function Combo_Select(oSelect,oText)
{
oText.value=oSelect.options[oSelect.selectedIndex].text;
alert(oText.value);
}
function Text_ChkKey(oSelect,oText)
{
if(event.keyCode==13)
{
var nIndex=HasTheValue(oText.value,oSelect);
if(nIndex !=-1 && nIndex !=oSelect.selectedIndex)
{
oSelect.selectedIndex=nIndex;
}
}
}
function HasTheValue(name,oSelect)
{
if(oSelect.options.length<1)
return -1;
var i=0;
for(i=0;i<oSelect.options.length;i++)
{
if(oSelect.options[i].text==name)
return i;
}
return -1;
}
</SCRIPT>
</HEAD>
<BODY onload="javascript:Body_Init(pCombo,pText);">
<table width=50% width=50% align="center" valign="middle">
<tr><td>
<SELECT STYLE="position:absolute;left:0;top:0;" ONCHANGE="Combo_Select(this,pText)" NAME="pCombo" >
<option value="d">test1</option>
<option value="dd">test2</option>
<option value="dd">asds</option>
<option value="dd">awdfsfs</option>
</SELECT>
<INPUT STYLE="position:absolute;" onKeyPress="Text_ChkKey(pCombo,this)" TYPE="TEXT" NAME="pText">
</td></tr>
</table>
</BODY>
</HTML>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function Body_Init(oSelect,oText)
{
var iLeft= oSelect.offsetLeft;
var iTop = oSelect.offsetTop;
var iWidth=oSelect.clientWidth;
var iHeight=oSelect.clientHeight;
oSelect.style.clip='rect(0,'+iWidth+','+iHeight+','+(iWidth-18)+')';
oText.style.width=iWidth;
oText.style.height=iHeight;
oText.style.top =iTop;
oText.style.left=iLeft;
}
function Combo_Select(oSelect,oText)
{
oText.value=oSelect.options[oSelect.selectedIndex].text;
alert(oText.value);
}
function Text_ChkKey(oSelect,oText)
{
if(event.keyCode==13)
{
var nIndex=HasTheValue(oText.value,oSelect);
if(nIndex !=-1 && nIndex !=oSelect.selectedIndex)
{
oSelect.selectedIndex=nIndex;
}
}
}
function HasTheValue(name,oSelect)
{
if(oSelect.options.length<1)
return -1;
var i=0;
for(i=0;i<oSelect.options.length;i++)
{
if(oSelect.options[i].text==name)
return i;
}
return -1;
}
</SCRIPT>
</HEAD>
<BODY onload="javascript:Body_Init(pCombo,pText);">
<table width=50% width=50% align="center" valign="middle">
<tr><td>
<SELECT STYLE="position:absolute;left:0;top:0;" ONCHANGE="Combo_Select(this,pText)" NAME="pCombo" >
<option value="d">test1</option>
<option value="dd">test2</option>
<option value="dd">asds</option>
<option value="dd">awdfsfs</option>
</SELECT>
<INPUT STYLE="position:absolute;" onKeyPress="Text_ChkKey(pCombo,this)" TYPE="TEXT" NAME="pText">
</td></tr>
</table>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="JavaScript">
var i ;
for(i=1900; i<=2000; i++)
{
//document.form1.year.value=i ; //这一句没用
document.write("<option value="+i+"><fond color='black'>"+i+"</option>") ;
}
</script>
var i ;
for(i=1900; i<=2000; i++)
{
//document.form1.year.value=i ; //这一句没用
document.write("<option value="+i+"><fond color='black'>"+i+"</option>") ;
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.write("<option value=\"i\">i</option>")
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
