简体   繁体   English

无法从后面的代码中选择无法访问(已填充Javascript)的值

[英]Cant access (Javascript populated) dropdown selected value from code behind

I cannot access the HTML drop down elements selected value from code behind(C#). 我无法从后面的代码(C#)中访问HTML下拉元素选择的值。 The drop down is populated in clients side using java script. 下拉列表是使用Java脚本在客户端中填充的。

                           <select id="cmbDOBMonth" class="dropDownListDOB" runat="server" onchange="calGetDate();">
                           <option value="0">Month:</option>
                           <option value="1">Jan</option>
                           </select>

i can access the cmbDOBMonth value but cannot access cmbDOBDate. 我可以访问cmbDOBMonth值,但不能访问cmbDOBDate。

                           <select id="cmbDOBDate" runat="server" class="dropDownListDOB">
                           <option value="0">Date:</option>
                       </select>

尝试这个:

Page.Request.Form["cmbDOBDate"]

Use following code to get Selected Value of DropDownlist: 使用以下代码获取DropDownlist的选定值:

<script language="javascript" type="text/javascript">
    function calGetDate() {
        var e = document.getElementById("cmbDOBDate");
        var strUser = e.options[e.selectedIndex].value;
    };
</script>

Use This code to get value of date dropdownlist: Use the javascript as below: 使用此代码获取日期下拉列表的值:使用如下所示的javascript:

<script language="javascript" type="text/javascript">
        function calGetDate() {
            var e = document.getElementById("cmbDOBDate");
            alert(e);
            var strUser = e.options[e.selectedIndex].value;
            alert(strUser);          
        };
    </script>

Now write your html dropdownlist as follow: 现在编写您的html下拉列表,如下所示:

<select id="cmbDOBDate" class="dropDownListDOB" onchange="calGetDate();">
        <option value="0">Date:</option>
        <option value="1">1</option>
    </select>

Now you can access your date dropdownlist also. 现在,您还可以访问日期下拉列表。

By this following Example you can get value or text of html combobox on label serverside: 通过以下示例,您可以在标签服务器端获取html组合框的值或文本:

<script type="text/javascript">
        function getHTMLSelectOptionText() {
            var SelectOption = document.getElementById("drpdwn");
            var SelectedIndex = SelectOption.selectedIndex;
            var SelectedValue = SelectOption.value;
            var SelectedText = SelectOption.options[SelectOption.selectedIndex].text;

            var LabelDropdownList = document.getElementById('<%=lblSelectOptionText.ClientID %>');
            var sValue = 'Index: ' + SelectedIndex + ' Selected Value: ' + SelectedValue + ' Selected Text: ' + SelectedText;

            LabelDropdownList.innerHTML = sValue;
        }
    </script>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label runat="server" ID="Label2">HTML Select Option</asp:Label><br />
        <select name="HTMLSelect" onchange="getHTMLSelectOptionText();" id="drpdwn">
            <option value="Asp">Free Asp.net articles/Code examples</option>
            <option value="Sqlserver">Free Sql server articles/Code examples</option>
            <option value="Javascript">Free Javascript articles/Code examples</option>
            <option value="XML">Free XML articles/Code examples</option>
            <option value="Gridview">Free Asp.net Gridview articles/Code examples</option>
        </select>
        <asp:Label runat="server" ID="lblSelectOptionText"></asp:Label>
    </div>
    </form>
</body>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM