一、碎碎念:是我的第一篇博文,事實上我的草稿箱裡不止這一篇。技術方面對自己沒什麼信心,總想反覆推敲將所有的問題考慮到再發表,可是所謂的「所有問題」總是那麼多~(又沒有誰規定一定不能犯錯),寫的好方便大家學習交流,寫的不好也請大家多多提意見,共同學習~go~
二、製作乙個可輸入又可選擇的下拉框:
解題思路: 1、首先網頁上有兩個元件:乙個下拉框,乙個文字框。
2、將文字框附在下拉框之上,使下拉框只露出下拉的箭頭(視覺上造成是乙個下拉框的效果~稍後上圖就清晰多了~)
3、寫js函式,將下拉框選中的內容賦給文字框
4、ok!!!
分步講解:1、初態:
3、調整下拉框的大小:
4、不要以為調整大小是很簡單的事情,我覺得很麻煩啊啊啊,總之考慮的挺多的,border的大小,還有margin等,總之,自己一定動手嘗試一下才好。以下是 在調整過程中出現的情況:
5、事實上我不太想貼**,一是不提倡這種學習方法,二來……寫的不好惹大家笑話。。。我擔心自己的表述不太清楚,還是貼一下吧!順便說一下,這個思 路不是我想的,我也是在網上看的思路,可是**什麼的絕對沒有抄襲別人的哦~看,做起來也不是很難,所以,趕緊自己動手試試吧!加油!
廣州上海
廈門福建
可輸入的下拉框
可輸入的下拉框 title head body divstyle position relative span style margin left 100px width 18px overflow hidden select style width 118px margin left 100px ...
可輸入的下拉框
可輸入的下拉框 title p head p body p p div style position relative p span style margin left 100px width 18px overflow hidden p select style width 118px margi...
可輸入 自動匹配的下拉框
thanks for jk style.css ac menu ac menuitem ac menuitem selected main.js function combobox sobj,al v,al t loadcombobox sobj,al v,al t function loadcom...