怎么让下拉菜单能输入内容?
<form>
<select onchange=chg(selectedIndex) name=product>
<option>电脑产品
<option>英语产品
</select>
<input type="submit" id="submit" name="submit" value="添加" class="button">
</form>
<select name=productname onkeydown="catch_keydown(this);" onkeypress="catch.press(this);" onchange="ss.value=this.options[this.selectedIndex].text" style="font-size:12px;">
<option>产品
</select>
<script>
var arr=[
["开天辟地"],
["eee"]]
function chg(i){
with(document.form1.productname){
length=0;
for(j=0;j<arr[i].length;j++)
options.add(new Option(arr[i][j],arr[i][j]))
}
}
chg(0)
</script>
function catch_keydown(sel)
{
switch(event.keyCode)
{
case 13:
//Enter;
sel.options[sel.length] = new Option("","",false,true);
event.returnValue = false;
break;
case 27:
//Esc;
alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");
event.returnValue = false;
break;
case 46:
//Delete;
if(confirm("确定要删除吗?"))
{
sel.options[sel.selectedIndex] = null;
if(sel.length>0)
{
sel.options[0].selected = true;
}
}
event.returnValue = false;
break;
case 8:
//Back Space;
var s = sel.options[sel.selectedIndex].text;
sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);
event.returnValue = false;
break;
}
}
function catch_press(sel)
{
sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
event.returnValue = false;
}
这样实现了在第二个菜单能自己输入内容,但不能将自己输入的内容添加到数据库里,到数据库里的还是函数function chg(i) 中变量 arr中的内容,各位兄弟姐妹,有什么高招能将自己输入的内容添加到数据库里去?谢谢