ANA SAYFA | FORUM | SİTENİZ İÇİN | İÇERİK EKLE | EN YENİLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | İLETİŞİM
Arama:
Tüm kategorilerde Google JAVAScript Araçlar
// ÖZELLEŞTİR
E-posta:
Şifre:
Üye Ol
|
Şifremi Unuttum
>> Bayramınız kutlu olsun (0 yorum)>> Yeni yılınız kutlu olsun (0 yorum)>> JAVASCRİPT İndir ve JQUERY içerikleri (0 yorum)>> ASP İndir -- Forum bölümü (0 yorum)>> Yeni yılınız kutlu olsun (0 yorum)
// EN YENİLER
// EN POPÜLER
// Anasayfa » JAVASCRIPT» Form işlemleri
Oy:
<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:
Yorumlar / Yeni Yorum Yaz Bu içeriğe yorum yazılmamış.
ANA SAYFA | İÇERİK EKLE | YENİ EKLENENLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | DESTEKLEYENLER | İLETİŞİM