[英]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.