<script> var EditableSelectBox= { add : function(obj,def_value) { var newobj=document.createElement('INPUT'); newobj.type="TEXT"; var width = parseInt(obj.style.width?obj.style.width:obj.clientWidth)-18; newobj.style.cssText="width:"+(width)+"px;position:absolute;" newobj.value=obj.options[obj.selectedIndex].value; var res=obj.parentNode.insertBefore(newobj, obj); this.addEvent(obj,'change',function(){EditableSelectBox.changed(obj)}); this.addEvent(newobj,'blur',function(){EditableSelectBox.blur(obj)}); // Add dynamic option var optn = document.createElement("OPTION"); optn.text = ''; optn.value = ''; optn.style.display= 'none'; obj.options.add(optn); if (def_value!=undefined) { newobj.value=def_value; obj.value=def_value; this.blur(obj) } }, changed : function(objListBox) { objListBox.previousSibling.value=objListBox.options[objListBox.selectedIndex].value; objListBox.previousSibling.focus(); }, blur : function (obj) { var obj2 = obj.options[obj.options.length-1]; obj2.text = obj.previousSibling.value; obj2.value = obj.previousSibling.value; obj.value=obj.previousSibling.value; }, addEvent : function (elm,evType,fn,useCapture) { if(elm.addEventListener) {elm.addEventListener(evType,fn,useCapture); return true;} else if (elm.attachEvent) {var r=elm.attachEvent('on' + evType,fn); return r;} else {elm['on' + evType] = fn;} } } </script> <form> <select id="test" style="width:150px"> <option value="111">111</option> <option value="222">222</option> </select> <br><br> <button>ddd</button> <script> EditableSelectBox.add( document.getElementById('test'),'432rf34f4'); </script>

 Kodu Kopyala

Hata Bildir | Tavsiye Et
 

Bu içeriğe oy verin: 1 2 3 4 5 6 7 8 9 10

Yorumlar / Yeni Yorum Yaz

Bu içeriğe yorum yazılmamış.