Forum Moderators: open
<head>
function nameTextBox2(selectBoxName)
{
alert("from the function..."+selectBoxName);
}
function add()
{
var foo = document.getElementById('fooBar');
//Creating a Select Box
var selectBox = document.createElement("Select");
var selectBoxName="strObjDesc";
selectBox.name=selectBoxName;
selectBox.id=selectBoxName;
//below line works but alert doesn't pick up variable
selectBox.onchange=function nameTextBox2(selectBoxName) {alert("from the function..."+selectBoxName)}
//below line (2nd version of above) doesn't work
// selectBox.onchange=nameTextBox2(selectBoxName)
//Creating first Option
var charCodeRange = {
start: 65,
end: 90
}
for (var cc = charCodeRange.start; cc <= charCodeRange.end; cc++)
{
var option1 = document.createElement("OPTION");
var option
//alert(cc);
option1.text=String.fromCharCode(cc);
option1.text=option1.text.toLowerCase(cc);
option1.value=String.fromCharCode(cc);
option1.value=option1.value.toLowerCase(cc);
selectBox.options.add(option1);
}
foo.appendChild(selectBox);
}
</script>
</head>
<body>
<form>
<INPUT type="button" value="Add" onclick="add()"/><br />
<div id="fooBar"> </div>
</form>
</body>
selectBox.onchange=function nameTextBox2(selectBoxName) {alert("from the function..."+selectBoxName)}
selectBox.onchange = function (selectBoxName) {
alert("from the function..."+selectBoxName);
}
(in FF: "[object Event]" and in IE8: "undefined")
selectBox.onchange=function(){nameTextBox2(selectBoxName);}
