可輸入的下拉框

2021-06-20 17:24:31 字數 629 閱讀 2117

一、碎碎念:是我的第一篇博文,事實上我的草稿箱裡不止這一篇。技術方面對自己沒什麼信心,總想反覆推敲將所有的問題考慮到再發表,可是所謂的「所有問題」總是那麼多~(又沒有誰規定一定不能犯錯),寫的好方便大家學習交流,寫的不好也請大家多多提意見,共同學習~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...