How to add one more combo box in this script?

JavaScript
1

Dear All

Please see the script as below, everything is good. I just one to put another combo box in it (exactly the one now in this script) , how can i do ? Please help.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head><title>Textbox Dropdown Combination Example</title>
<script language=“javascript” type=“text/javascript”>

function DropDownTextToBox(objDropdown, strTextboxId) {
    document.getElementById(strTextboxId).value = objDropdown.options[objDropdown.selectedIndex].value;
    DropDownIndexClear(objDropdown.id);
    document.getElementById(strTextboxId).focus();
}
function DropDownIndexClear(strDropdownId) {
    if (document.getElementById(strDropdownId) != null) {
        document.getElementById(strDropdownId).selectedIndex = -1;
    }
}

</script>

</head>
<body style=" background-color: Gray;">

&lt;form name="form1" method="post" action="" id="form1"&gt;

&lt;div style="position: relative;"&gt;
&lt;!--[if lte IE 6.5]&gt;&lt;div class="select-free" id="dd3"&gt;&lt;div class="bd" &gt;&lt;![endif]--&gt;
&lt;input name="TextboxExample" type="text" maxlength="50" id="TextboxExample" tabindex="2"
    onchange="DropDownIndexClear('DropDownExTextboxExample');" style="width: 60px;
    position: absolute; top: 0px; left: 0px; z-index: 2;" /&gt;
&lt;!--[if lte IE 6.5]&gt;&lt;iframe&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;&lt;![endif]--&gt;
&lt;select name="DropDownExTextboxExample" id="DropDownExTextboxExample" tabindex="1000"
    onchange="DropDownTextToBox(this,'TextboxExample');" style="position: absolute;
    top: 0px; left: 0px; z-index: 1; width: 80px;" &gt;
    &lt;option value="Value1" title="Title for Item 1"&gt;Item 1&lt;/option&gt;

        &lt;/select&gt;
&lt;script language="javascript" type="text/javascript"&gt;
	DropDownIndexClear("DropDownExTextboxExample");
&lt;/script&gt;

</div>
</form>

</body>

</html>