Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to populate combo with javascript!!
- Thread starter bugeditor
- Start date
mithrilhall
Programmer
This should get you started. If you have any questions post them here.
<html>
<head>
<title>test</title>
<Script Language="JavaScript">
<!--
function insert(nameditem)
{
if (document.frmTest.txt1.value != '' || ' ')
{
var newOption = document.createElement("OPTION"
;
newOption.text = nameditem;
newOption.value = nameditem;
document.frmTest.select1.add(newOption);
document.frmTest.txt1.value = "";
document.frmTest.txt1.focus();
}
else
{
alert('Please insert a value.');
}
}
function colors(selCol)
{
document.bgColor = selCol;
}
function setNum()
{
for(x=0;x<=100;x++)
{
var newOption = document.createElement("OPTION"
newOption.text = x;
newOption.text = x;
document.frmTest.select1.add(newOption);
}
}
//-->
</Script>
</head>
<body>
<Form name="frmTest">
<input type=text value='' name="txt1">
<input type=button value=insert onclick="JavaScript:insert(txt1.value);document.frmTest.txt1.focus();">
<INPUT type="button" value="100 entries" id=button1 name=button1 onclick="setNum();">
<br>
<select name="select1" onChange="colors(this.value);document.frmTest.txt1.focus();" STYLE="WIDTH: 205px;">
<Option><------Choose Here-------></Option>
</select>
</Form>
</body>
</html>
<html>
<head>
<title>test</title>
<Script Language="JavaScript">
<!--
function insert(nameditem)
{
if (document.frmTest.txt1.value != '' || ' ')
{
var newOption = document.createElement("OPTION"
;newOption.text = nameditem;
newOption.value = nameditem;
document.frmTest.select1.add(newOption);
document.frmTest.txt1.value = "";
document.frmTest.txt1.focus();
}
else
{
alert('Please insert a value.');
}
}
function colors(selCol)
{
document.bgColor = selCol;
}
function setNum()
{
for(x=0;x<=100;x++)
{
var newOption = document.createElement("OPTION"
;newOption.text = x;
newOption.text = x;
document.frmTest.select1.add(newOption);
}
}
//-->
</Script>
</head>
<body>
<Form name="frmTest">
<input type=text value='' name="txt1">
<input type=button value=insert onclick="JavaScript:insert(txt1.value);document.frmTest.txt1.focus();">
<INPUT type="button" value="100 entries" id=button1 name=button1 onclick="setNum();">
<br>
<select name="select1" onChange="colors(this.value);document.frmTest.txt1.focus();" STYLE="WIDTH: 205px;">
<Option><------Choose Here-------></Option>
</select>
</Form>
</body>
</html>
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question