读书人

一个关于下拉列表的有关问题,请javasc

发布时间: 2011-12-18 22:54:38 作者: rapoo

一个关于下拉列表的问题,请javascript高手指教。回帖就给分!!!
在页面中写如下一个下拉列表
<select name= "mTwo_input " id= "mTwo_input_month " >
<option value= "1 " > 一月 </option>
<option value= "2 " > 二月 </option>
<option value= "3 " > 三月 </option>
<option value= "4 " > 四月 </option>
<option value= "5 " > 五月 </option>
<option value= "6 " > 六月 </option>
<option value= "7 " > 七月 </option>
<option value= "8 " > 八月 </option>
<option value= "9 " > 九月 </option>
<option value= "10 " > 十月 </option>
<option value= "11 " > 十一月 </option>
<option value= "12 " > 十二月 </option>
</select>
如何用 javascript 代码来设置 当页面加载的时候下拉列表选中当前月份?
例如 现在是8月 页面的下拉列表显示 "八月 "

[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> 无标题页 </title>
</head>
<body>
<form id= "form1 " runat= "server ">
<select name= "mTwo_input " id= "mTwo_input_month " >
<option value= "1 " > 一月 </option>
<option value= "2 " > 二月 </option>
<option value= "3 " > 三月 </option>
<option value= "4 " > 四月 </option>
<option value= "5 " > 五月 </option>
<option value= "6 " > 六月 </option>
<option value= "7 " > 七月 </option>
<option value= "8 " > 八月 </option>
<option value= "9 " > 九月 </option>
<option value= "10 " > 十月 </option>
<option value= "11 " > 十一月 </option>
<option value= "12 " > 十二月 </option>
</select>

<script language = "javascript " >
var m = "8 ";
var len = document.getElementById( "mTwo_input_month ").length;

for(var i=0;i <len;i++)
{
if(document.getElementById( "mTwo_input_month ").options[i].value == m)
{
document.getElementById( "mTwo_input_month ").options[i].selected = true;
}

}

</script>
</form>
</body>
</html>
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> 无标题页 </title>
</head>
<body>
<form id= "form1 " runat= "server ">
<select name= "mTwo_input " id= "mTwo_input_month " >
<option value= "1 " > 一月 </option>
<option value= "2 " > 二月 </option>


<option value= "3 " > 三月 </option>
<option value= "4 " > 四月 </option>
<option value= "5 " > 五月 </option>
<option value= "6 " > 六月 </option>
<option value= "7 " > 七月 </option>
<option value= "8 " > 八月 </option>
<option value= "9 " > 九月 </option>
<option value= "10 " > 十月 </option>
<option value= "11 " > 十一月 </option>
<option value= "12 " > 十二月 </option>
</select>

<script language = "javascript " >
var m = "8 ";
document.getElementById( "mTwo_input_month ").selectedIndex=m-1;
</script>
</form>
</body>
</html>

[解决办法]
在.net中,准确的做法是
<form id= "form1 " runat= "server ">
<select name= "mTwo_input " id= "mTwo_input_month " >
<option value= "1 " > 一月 </option>
<option value= "2 " > 二月 </option>
<option value= "3 " > 三月 </option>
<option value= "4 " > 四月 </option>
<option value= "5 " > 五月 </option>
<option value= "6 " > 六月 </option>
<option value= "7 " > 七月 </option>
<option value= "8 " > 八月 </option>
<option value= "9 " > 九月 </option>
<option value= "10 " > 十月 </option>
<option value= "11 " > 十一月 </option>
<option value= "12 " > 十二月 </option>
</select>

<script language = "javascript " >
var m = ' <%=DateTime.Now.Month %> ';
document.getElementById( "mTwo_input_month ").selectedIndex=m-1;
</script>
</form>
[解决办法]

<script language= "javascript " type= "text/javascript ">
function setDefault()
{
var currentDate = new Date();
var currentMonth = parseInt(currentDate.getMonth());
var select = document.getElementById( 'mTwo_input ');
select[currentMonth].selected = true;
}
</script>


<body onload= "setDefault() ">

读书人网 >asp.net

热点推荐