个人中心
gpt4 book ai didi

javascript - 单击时选择 AutoPostBack

转载 作者：太空宇宙 更新时间：2023-11-04 13:34:18 24 4
gpt4 key购买 nike

我有 3 select输入 form , 代表日期。一个是日，一个是月，一个是年。

这些选择的选项是通过使用 javascript 添加的:例如，如果选择的年份可以被 4 整除并且月份是二月，那么一天中将有 29 天 selecet否则只有 28 个。-这个有效，我不知道它是否与问题有关，所以我还是把它带来了。

现在，如果你想输入一个日期，你必须先从年月开始，这样代码就会知道要在一天中添加多少天 select .

所以我用了asp.net在这一天和每一天selecet在月份之前被选择并且已经输入了年份有一个<td id="dateE">变得可见，并在其中写入首先输入月份和年份。

问题是它不起作用 - 当您单击日期 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");
}

这让我发疯，我已经看了很多次问题出在哪里，但我就是找不到。

感谢帮助

最佳答案

您正在使用 HtmlControls 命名空间中的控件 - 这让一切都变得有点复杂。

首先，对于这些控件，您可能使用的大多数事件，如 onclick、onfocus 等，与常规 HTML 标记一样是客户端的。因此，它们甚至不会触发对服务器的回发，更不用说验证和服务器端事件处理程序了。

不同的 HtmlControl 继承者定义了不同的服务器端事件，至少可以与服务器进行一些交互。其中一些根本没有任何东西，但是您使用的 select 有 OnServerChange定义。这是您唯一可以用来在服务器上跟踪控件发生了什么事情的方法。

当然，您仍然可以使用客户端，如 onfocus 或 onclick，但这意味着编写客户端处理程序来手动触发回发。可能，但有点棘手。

另一个值得考虑的好选择是使用 asp:DropDownList 控件，它呈现为 select，但在服务器上使用起来应该更方便。

最后，您尝试做的事情似乎更适合完全客户端解决方案。也就是说，您应该能够很容易地通过 javascript 控制对选择的可见性/访问。您是否考虑过这种方法？

关于javascript - 单击时选择 AutoPostBack，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23152324/

24 4 0
文章推荐： java - 从服务器调用 Web 服务时出现 SSL 异常
文章推荐： c++ - 使用 SOIL 使用 OpenGL 映射纹理
文章推荐： c++ - 针对某些脚本语法中描述的问题，在 C++ 中实现求解器
文章推荐： css - 如何在快速 Node js 元素中使用较少的 Bootstrap？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com