帶搜尋框的select下拉框

2022-07-27 07:12:12 字數 344 閱讀 2769

利用select2製作帶有搜尋功能的select下拉框

1.引入線上css和js

script>

2.在select標籤內加入class屬性js-example-basic-single

value="al">alabama

...value="wy">wyoming

select>

3.呼叫js

$(document).ready(function() );

關於中文提示

看到有人引入官方文件提供的zh-cn屬性和js來處理中文,在這採用另一種簡單粗暴的解決方案:直接找到js原始碼進行修改即可。

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...

BootStrap實現帶搜尋的下拉框

前段時間在做乙個小專案的時候,因為專案需求需要選擇ip,然後就寫成簡單的select下拉框進行選擇,由於ip太多網段太亂 公司人就說能不能實現乙個帶有搜尋的下拉框,然後我通過學習發現bootstrap已經完美的實現了這個功能。我先看下倆次實現的效果 1.這個是bootstrap的簡單下拉框看著那麼多...

Django帶搜尋功能的下拉框

原本只做了乙個下拉框,後面隨著資料越來越多,選擇資料就變得很困難。考慮再下拉框中再增加乙個搜尋功能。方法一 django select2 forms 不過對py3和django3的支援不好,會產生報錯,所以我放棄了這個方法。方法二 使用jquery2 select2 可以參考 由於對前端知識掌握不透...