堆棧內存溢出
  簡體   English   中英

如何在Asp.net中使用Javascript根據DropDownlist中的數據選擇設置標簽文本屬性

[英]How to set Label Text property based on data selection from DropDownlist using Javascript in Asp.net

 原文  2015-05-18 10:41:05  4   2    javascript/ c#/ asp.net

問題描述

我的網絡表單上有兩個Label控件和一個下拉列表。 我在Label1中顯示當前日期，並且要基於下拉列表的選擇在Label2中顯示到期日期。 我想做的是，我要在從下拉列表中選擇數據時在Label2中顯示到期日期，即如果“最多7天”，那么7Days將被添加到當前日期，新日期將顯示在Label2中。

我的aspx頁面 

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<script type="text/javascript">
$("#ddlvalid").change(function () {
        var selectvalid = $("#ddlvalid option:selected").text();
        if (selectvalid == "Select Validity") {
            alert("Please Select Validity");
        }
        else if (selectvalid == "Upto 7 Days") {
            var d = new Date();
            var month = d.getMonth() + 1;
            var day = d.getDate();
            var output = d.getFullYear() + '/' + (month < 10 ? '0' : '') + month + '/' + (day < 10 ? '0' : '') + day;
            var valdate = 7;
            var expdate = d.setDate(day + valdate);
            document.getElementById('lblenddt').innerHTML = expdate;
        }
        else if (selectvalid == "Upto 15 Days") {
            var d = new Date();
            var month = d.getMonth() + 1;
            var day = d.getDate();
            var output = d.getFullYear() + '/' + (month < 10 ? '0' : '') + month + '/' + (day < 10 ? '0' : '') + day;
            var valdate = 15;
            var expdate = d.setDate(day + valdate);
            document.getElementById('lblenddt').innerHTML = expdate;
        }
        else if (selectvalid == "Upto 30 Days") {
            var d = new Date();
            var month = d.getMonth() + 1;
            var day = d.getDate();
            var output = d.getFullYear() + '/' + (month < 10 ? '0' : '') + month + '/' + (day < 10 ? '0' : '') + day;
            var valdate = 30;
            var expdate = d.setDate(day + valdate);
            document.getElementById('lblenddt').innerHTML = expdate;
        }
    });
window.onload = function show() {
        var d = new Date();
        var month = d.getMonth() + 1;
        var day = d.getDate();
        var output = d.getFullYear() + '/' + (month < 10 ? '0' : '') + month + '/' + (day < 10 ? '0' : '') + day;
        document.getElementById('lblenqmdon').innerHTML = output;
    };
</script>
<body>
<div>
    <table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>Enquiry Made On:</td>
    <td>
        <label id="lblenqmdon" runat="server"></label>
    </td>
    </tr>
<tr>
    <td>Enquiry Validity:</td>
    <td><asp:DropDownList ID="ddlvalid" runat="server">
                                <asp:ListItem>Select Validity</asp:ListItem>
                                <asp:ListItem>Upto 7 Days</asp:ListItem>
                            <asp:ListItem>Upto 15 Days</asp:ListItem>
                            <asp:ListItem>Upto 30 Days</asp:ListItem>
                </asp:DropDownList>
</td>
    </tr>
    <tr>
    <td>Enquiry Valid Upto:</td>
    <td>
        <label id="lblenddt" runat="server"></label>
    </td>
    </tr></table>
</div></body>
</html>

我的Javascript代碼無法正常工作。 請指導我我做錯了什么？

2 個解決方案

解決方案1
 1 已采納  2015-05-18 11:56:36

嘗試這個 

<script type="text/javascript">
    function findDate() {

        var selectvalid = document.getElementById("<%=ddlvalid.ClientID  %>").value;

        if (selectvalid == "Select Validity") {
            alert("Please Select Validity");
        }
        else if (selectvalid == "Upto 7 Days") {

            var str = document.getElementById("<%=lblenqmdon.ClientID  %>").innerHTML;
            var parts = str.split('/');

            var month = parts[0] && parseInt(parts[0], 10);
            var day = parts[1] && parseInt(parts[1], 10);
            var year = parts[2] && parseInt(parts[2], 10);

            var duration = 7;

            if (day <= 31 && day >= 1 && month <= 12 && month >= 1) {
                var expiryDate = new Date(year, month - 1, day);
                expiryDate.setDate(expiryDate.getDate() + duration);

                var day = ('0' + expiryDate.getDate()).slice(-2);
                var month = ('0' + (expiryDate.getMonth() + 1)).slice(-2);
                var year = expiryDate.getFullYear();
                document.getElementById("<%=lblenddt.ClientID  %>").innerHTML = month + "/" + day + "/" + year;

            }
        }
        else if (selectvalid == "Upto 15 Days") {

            var str = document.getElementById("<%=lblenqmdon.ClientID  %>").innerHTML;
            var parts = str.split('/');

            var month = parts[0] && parseInt(parts[0], 10);
            var day = parts[1] && parseInt(parts[1], 10);
            var year = parts[2] && parseInt(parts[2], 10);

            var duration = 15;

            if (day <= 31 && day >= 1 && month <= 12 && month >= 1) {
                var expiryDate = new Date(year, month - 1, day);
                expiryDate.setDate(expiryDate.getDate() + duration);

                var day = ('0' + expiryDate.getDate()).slice(-2);
                var month = ('0' + (expiryDate.getMonth() + 1)).slice(-2);
                var year = expiryDate.getFullYear();
                document.getElementById("<%=lblenddt.ClientID  %>").innerHTML = month + "/" + day + "/" + year;

            }

        }
        else if (selectvalid == "Upto 30 Days") {

            var str = document.getElementById("<%=lblenqmdon.ClientID  %>").innerHTML;
            var parts = str.split('/');

            var month = parts[0] && parseInt(parts[0], 10);
            var day = parts[1] && parseInt(parts[1], 10);
            var year = parts[2] && parseInt(parts[2], 10);

            var duration = 30;

            if (day <= 31 && day >= 1 && month <= 12 && month >= 1) {
                var expiryDate = new Date(year, month - 1, day);
                expiryDate.setDate(expiryDate.getDate() + duration);

                var day = ('0' + expiryDate.getDate()).slice(-2);
                var month = ('0' + (expiryDate.getMonth() + 1)).slice(-2);
                var year = expiryDate.getFullYear();
                document.getElementById("<%=lblenddt.ClientID  %>").innerHTML = month + "/" + day + "/" + year;

            }
        }
    }
</script>
<script type="text/javascript">

    window.onload = function () {
        getDate();
    };

    function getDate() {
        var dt = new Date();
        var day = dt.getDate();
        var month = dt.getMonth() + 1;
        var year = dt.getFullYear();
        document.getElementById("<%=lblenqmdon.ClientID  %>").innerHTML = month + "/" + day + "/" + year;
    }
</script>

與形式 

                <asp:DropDownList ID="ddlvalid" runat="server" onchange="javascript:findDate();">
                    <asp:ListItem>Select Validity</asp:ListItem>
                    <asp:ListItem>Upto 7 Days</asp:ListItem>
                    <asp:ListItem>Upto 15 Days</asp:ListItem>
                    <asp:ListItem>Upto 30 Days</asp:ListItem>
                </asp:DropDownList>

解決方案2
 0  2015-05-18 12:39:01

我設法做到了這一點-$（function（）{ 

<script type="text/javascript">        
$("#ddlvalid").change(function () {
            var selectvalid = $("#ddlvalid option:selected").text();
            if (selectvalid == "Select Validity") {
                alert("Please Select Validity");
            }
            else if (selectvalid == "Upto 7 Days") {

                var today = new Date();
                var tomorrow = new Date(today);
                tomorrow.setDate(today.getDate() + 7);

                var dd = tomorrow.getDate();
                var mm = tomorrow.getMonth() + 1;
                var y = tomorrow.getFullYear();

                var output = tomorrow.getFullYear() + '/' + (mm < 10 ? '0' : '') + mm + '/' + (dd < 10 ? '0' : '') + dd;
                document.getElementById('lblenddt').innerHTML = output;
            }
            else if (selectvalid == "Upto 15 Days") {
                var today = new Date();
                var tomorrow = new Date(today);
                tomorrow.setDate(today.getDate() + 15);


                var dd = tomorrow.getDate();
                var mm = tomorrow.getMonth() + 1;
                var y = tomorrow.getFullYear();

                var output = tomorrow.getFullYear() + '/' + (mm < 10 ? '0' : '') + mm + '/' + (dd < 10 ? '0' : '') + dd;
                document.getElementById('lblenddt').innerHTML = output;
            }
            else if (selectvalid == "Upto 30 Days") {
                var today = new Date();
                var tomorrow = new Date(today);
                tomorrow.setDate(today.getDate() + 30);

                var dd = tomorrow.getDate();
                var mm = tomorrow.getMonth() + 1;
                var y = tomorrow.getFullYear();

                var output = tomorrow.getFullYear() + '/' + (mm < 10 ? '0' : '') + mm + '/' + (dd < 10 ? '0' : '') + dd;
                document.getElementById('lblenddt').innerHTML = output;
            }
        });

        window.onload = function show() {
            var d = new Date();
            var month = d.getMonth() + 1;
            var day = d.getDate();
            var output = d.getFullYear() + '/' + (month < 10 ? '0' : '') + month + '/' + (day < 10 ? '0' : '') + day;
            document.getElementById('lblenqmdon').innerHTML = output;
        };
    });
    </script>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 從DropDownList選擇ASP.NET/Javascript填充文本框 如何使用ASP.NET WebForms中的JavaScript從FormView中的DropDownList獲取文本到TextBox中？ 如何使用javascript設置asp.net的label文本並在服務器端獲取設置值 如何從 asp:FileUpload 獲取 label 文本並使用 ASP.NET 和 C# 在 Label 中顯示 使用javascript填充ASP.NET下拉列表 ASP.NET - 丟失通過javascript填充的下拉列表選項 使Javascript代碼在ASP.Net中的DropDownList上的選擇更改時觸發 如何使用JavaScript將值從父asp.net下拉列表傳遞到彈出框中的文本框 如何使用Javascript從asp.net的下拉列表中獲取選定的值？ 如何使用asp.net中的JavaScript阻止用戶更改DropDownList值？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM