点击选择的AutoPostBack
我在一个select中有3个form输入，表示日期。一个是白天，一个是月份，一个是一年。
这些选择的选项是通过使用javascript添加的:因此，例如，如果所选择的年份可除以4，而月份为2月，那么selecet日将有29天，否则只有28天。-this工作，我不知道它是否与问题有关，所以我还是把它带来了。
现在，如果您想要输入一个日期，您必须先从年份和月份开始，所以代码将知道要向select日添加多少天。
因此，我在这个项目上使用了asp.net，每当在这个月之前选择selecet，而输入年份时，就会有一个<td id="dateE">变得可见，并在其中写入第一个月和一年。
的问题是，它不起作用-当你点击前一天的select和月份的select什么都没有发生-没有错误，网站没有失败或任何东西。
这个select有runat=server和autopostback=true，我已经尝试了onclick和onserverclick以及onfocus，但什么都没有成功。
在这里，代码：
html：
<body onload ="addDate()">
<form id="form1" runat="server">
<table>
<tr><td>
Birth Date:
<br />
<select id="Day" name="Day" class="regis" style="width:109px" onfocus="Day_Click" runat="server" autopostback="true">
<option value="" selected="selected">Day</option>
</select>
/
<select id="Month" name="Month" class="regis" onchange="updateDay()" style="width:109px">
<option value="" selected="selected">Month</option>
</select>
/
<select id="Year" name="Year" class="regis" onchange="yearChanged()" style="width:109px">
<option value="" selected="selected" >Year</option>
</select>
</td>
<td class="un" id="dateE" runat="server"></td>
</tr>
</table>
</form>
</body>css：
.un
{
display:none;
}
.feedback
{
border-top:1px solid black;
border-left:1px solid black;
vertical-align:bottom;
}
.regis
{
border: 1px solid rgba(190, 190, 190, 0.9);
background-color: #fff;
background: transparent;
height:25px;
}javascript：
function addYear() {
var currentYear = new Date().getFullYear();
var legalWorkingAge = currentYear - 16;
var select = document.getElementById("Year");
for (var i = legalWorkingAge; i >= 1900; i--) {
var option = document.createElement('option');
option.text = option.value = i;
select.add(option, 0);
} //for
} //addYear
function addMonth() {
var select = document.getElementById("Month");
for (var i = 1; i <= 12; i++) {
var option = document.createElement('option');
option.text = option.value = i;
select.add(option, 0);
} //for
} //addMonth
function addDay(month) {
var select = document.getElementById("Day");
while (select.options.length != 1) {
select.options.remove(1);
}
var daynum;
switch (parseInt(month)) {
case 1: daynum = 31;
break;
case 2:
var year = document.getElementById("Year");
var selectedYear = year.options[year.selectedIndex].value;
if (parseInt(selectedYear) % 4 == 0)
daynum = 29;
else
daynum = 28;
break;
case 3: daynum = 31;
break;
case 4: daynum = 30;
break;
case 5: daynum = 31;
break;
case 6: daynum = 30;
break;
case 7: daynum = 31;
break;
case 8: daynum = 31;
break;
case 9: daynum = 30;
break;
case 10: daynum = 31;
break;
case 11: daynum = 30;
break;
case 12: daynum = 31;
break;
} //switch
for (var i = 1; i <= daynum; i++) {
var option = document.createElement('option');
option.text = option.value = i;
select.add(option, 0);
} //for
} //addDay
function addDate() {
addMonth();
addYear();
} //addDate
function updateDay() {
var month = document.getElementById("Month");
var selectedMonth = month.options[month.selectedIndex].value;
addDay(selectedMonth);
}
function yearChanged() {
var month = document.getElementById("Month");
var selectedMonth = month.options[month.selectedIndex].value;
if (selectedMonth != "")
updateDay()
}asp.net：
public void Day_Click(object sender, EventArgs e)
{
this.dateE.InnerText = "Enter a Month and a Year First";
this.dateE.Attributes.Add("class", "feedback");
}它把我逼疯了，我已经看了那么多次问题在哪里，我就是找不到它。
谢谢你的帮助
回答 1
Stack Overflow用户
发布于 2014-04-18 10:49:13
您正在使用来自HtmlControls命名空间的控件--这会使一切变得复杂一些。
首先，大多数用于这些控件的事件(如onclick、onfocus等)都是客户端的，就像常规的HTML标记一样。因此，它们甚至不会触发回发到服务器，更不用说验证和服务器端事件处理程序了。
不同的HtmlControl继承者定义了不同的服务器端事件，以便至少可以与服务器进行某种交互。其中有些根本没有任何东西，但是您正在使用的select已经定义了OnServerChange。这是唯一一个您可以用来跟踪服务器上发生了什么事情的控件。
当然，您仍然可以使用客户端，如onfocus或onclick，但这意味着编写客户机端处理程序，手动触发回发。有可能，但有点棘手。
另一个很好的选择是使用asp:DropDownList控件，它被呈现为select，但是在服务器上使用应该更方便。
最后，您所要做的事情似乎更适合于完全客户端解决方案。也就是说，您应该能够很容易地通过javascript控制对选择的可见性/访问。你考虑过这种方法吗？
https://stackoverflow.com/questions/23152324
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号