Question

我无法从后面的代码（C＃）访问HTML下拉元素选择值。使用java脚本在客户端填充下拉列表。

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

我可以访问cmbDOBMonth值，但无法访问cmbDOBDate。

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

Answer 1

试试这个：

Page.Request.Form["cmbDOBDate"]

Answer 2

使用以下代码获取DropDownlist的选定值：

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

Answer 3

使用此代码获取日期下拉列表的值：使用以下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>

现在编写你的html下拉列表如下：

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

现在您也可以访问日期下拉列表。

Answer 4

通过以下示例，您可以在标签服务器端获取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>

无法访问（Javascript填充）下拉列表中的选定值

4 个答案: