怎么在javascript中实现 下拉列表中嵌套文本框

Posted 2023-03-28

早前写的一个，功能差不多，代码格式自己改改。
<script language="javascript">
var
sel = "sel",
custom = "custom",
sDefault = "自定义";

var $ =

// 显示自定义input
forInput : function()
var oSel = document.getElementById(sel);
var oCus = document.getElementById(custom);

var iSel = oSel.options.selectedIndex;
var vSel = oSel[iSel].value;

if (vSel == sDefault)
oSel.style.display = "none";
oCus.style.display = "";
oCus.focus();

,

// 显示带有自定义文本选项的select
forSel : function()
var oSel = document.getElementById(sel);
var oCus = document.getElementById(custom);

oSel.style.display = "";
oCus.style.display = "none";

if (oCus.value.length == 0)
return false;


for (var i = 0; i < oSel.length; i++)
if (oSel[i].value == oCus.value)
oSel[i].selected = true;
return false;



oSel.removeChild(oSel.lastChild); // 清除自定义选项

// 添加input的选项
var cSel = document.createElement("option");
cSel.value = oCus.value;
cSel.innerhtml = oCus.value;
cSel.selected = true;
oSel.appendChild(cSel);

// 补上自定义选项，确保该选项在末尾
cSel = document.createElement("option");
cSel.value = sDefault;
cSel.innerHTML = sDefault;
oSel.appendChild(cSel);


;
</script>
<select name="sel" style="width:160px;" onchange="$.forInput()">
<option value="选项一">选项一</option>
<option value="选项二">选项二</option>
<option value="自定义">自定义</option>
</select>
<input type="text" name="custom" size="10" maxlength="10" style="display:none;width:160px;" onblur="$.forSel()"/> 参考技术A 您要实现的是可以输入文字的下拉列表框吗？如果是，可以参考JSP程序开发范例宝典的第2章60页。 参考技术B 哪有这组件呢。你可以自己写一个，模拟下下拉列表。然后里面放个文本框。 参考技术C 你想要的效果是什么？是下拉列表里嵌套一个文本框，还是全部是文本框啊