Hi Dharmendr,
Apologies, that problem has been solved.
However, I've encounterend another problem. I added in a few similar functions to fit the following new requirements:
- ProductFamilyTextBox to be disabled when ProductFamilyDDL(dropdownlist) has option "Not in List" selected
- ListCodeTextBox to be disabled when ListCodeDDL (dropdownlist) has option "Not in List" selected
- ProductSizeTextBox to be disabled when ProductSizeDDL (dropdownlist) has option "Not in List" selected
The html of the relevant elements are:
<asp:TextBox ID="ProductFamilyTextBox" runat="server"></asp:TextBox>
<asp:TextBox ID="ListCodeTextBox" runat="server"></asp:TextBox>
<asp:TextBox ID="ProductSizeTextBox" runat="server"></asp:TextBox>
The js script handling this:
<script type="text/javascript">
function addEventHandler(element) {
if (element.addEventListener) {
element.addEventListener('change', function () {
ProductFamily();
ListCode();
ProductSize();
//var Table1nrows = document.getElementById("Table1").rows.length
for (var i = 1; i < 21; i++) {
LCLSelector(i);
UCLSelector(i);
}
}, false);
}
else {
element.attachEvent('onchange', function () {
ProductFamily();
ListCode();
ProductSize();
for (var i = 1; i < 21; i++) {
LCLSelector(i);
UCLSelector(i);
}
});
}
}
window.onload = function () {
var Table1nrows = document.getElementById("Table1").rows.length
for (i = 1; i < 21; i++) {
var LCLSelectorName = "LCLSelector" + i.toString();
var LCLTextBoxName = "LCLTextBox" + i.toString();
var UCLSelectorName = "UCLSelector" + i.toString();
var UCLTextBoxName = "UCLTextBox" + i.toString();
document.getElementById(LCLTextBoxName).disabled = true;
document.getElementById(UCLTextBoxName).disabled = true;
//Activate LCLSelector enable/disable check
addEventHandler(document.getElementById(LCLSelectorName));
//UCLSelector enable/disable
addEventHandler(document.getElementById(UCLSelectorName));
}
document.getElementById("ProductFamilyTextBox").disabled = true;
document.getElementById("ListCodeTextBox").disabled = true;
document.getElementById("ProductSizeTextBox").disabled = true;
addEventHandler(document.getElementById("ProductFamilyTextBox"));
addEventHandler(document.getElementById("ListCodeTextBox"));
addEventHandler(document.getElementById("ProductSizeTextBox"));
}
function LCLSelector(i) {
var e = document.getElementById("LCLSelector" + i);
var strUser = e.options[e.selectedIndex].value;
if (strUser == "Not in List") {
document.getElementById("LCLTextBox" + i).disabled =false;
} else {
document.getElementById("LCLTextBox" + i).disabled = true;
}
}
function UCLSelector(i) {
var e = document.getElementById("UCLSelector" + i);
var strUser = e.options[e.selectedIndex].value;
if (strUser == "Not in List") {
document.getElementById("UCLTextBox" + i).disabled = false;
} else {
document.getElementById("UCLTextBox" + i).disabled = true;
}
}
function ProductFamily() {
var e = document.getElementById("ProductFamilyDDL");
var strUser = e.options[e.selectedIndex].value;
if (strUser == "Not in List") {
document.getElementById("ProductFamilyTextBox").disabled = false;
} else {
document.getElementById("ProductFamilyTextBox").disabled = true;
}
}
function ListCode() {
var e = document.getElementById("ListCodeDDL");
var strUser = e.options[e.selectedIndex].value;
if (strUser == "Not in List") {
document.getElementById("ListCodeTextBox").disabled = false;
} else {
document.getElementById("ListCodeTextBox").disabled = true;
}
}
function ProductSize() {
var e = document.getElementById("ProductSizeDDL");
var strUser = e.options[e.selectedIndex].value;
if (strUser == "Not in List") {
document.getElementById("ProductSizeTextBox").disabled = false;
} else {
document.getElementById("ProductSizeTextBox").disabled = true;
}
}
</script>
The disabling/enabling of LCLTextboxi & UCLTextboxi in response to "Not in List" being selected in LCLSelectori & UCLSelectori respectively is working fine.
However. the disabling/enabling of 3 new requirements is not working at all. The textboxes are not disabled when the page loads & they do not become disabled when "Not in List" is selected. What did I do wrong in js?
Let me know if you need to see all the html & codebehind cs for this page.
Thanks