使用React開發下拉多選框

2021-10-13 07:21:04 字數 1218 閱讀 9270

在開發h5時,公司內沒有封裝好的下拉多選框元件支援開發,只能自己自力更生啦~

支援多選,支援回填input框:

import react from

'react'

;import reactdom from

'react-dom'

;let reglist =

let regionval =

class

region

extends

react.component,,

,,,,

]};}

componentdidmount()

=this

.state;

for(

var i =

0;i < regionarr.length ; i++)}

myclick

=(e)

=>

=this

.state;

document.

onclick

=function

(event)

else}}

document.

getelementbyid

("selectbutton"

).value = reglist

document.

getelementbyid

("selectdiv"

).style.display =

"none";}

};}render()

}>

"text" id=

"selectbutton" onclick=

} placeholder=

"請輸入地市" readonly=

Select下拉多選

首先,將下面的js 複製到乙個js檔案中 js檔名可以命名為selectmultip哦 並將其引入專案中即可 function reload function id,data,setdata var e document.getelementbyid id e.innerhtml htm rende...

layui下拉多選formSelects使用方法

引入formselects v4樣式 系統使用者 註冊外掛程式 layui.config extend 使用外掛程式,在layui.use中新增formselects layui.use element laydate table layer form laypage upload tree for...

vue element ui下拉多選驗證問題

最近做專案時,發現剛開啟彈框就出現了下拉多選的驗證,如下圖 經過網上搜尋,找到了兩種解決方案 第一種解決辦法 1 personneldescription 2 3 this.ruleformadd 第一種解決方案總結為兩點即 1.在校驗規則裡加type array 2.下拉多選框繫結的變數初始值設定...