近期項目中使用select2作為輸入產(chǎn)品控件
假設(shè)有這樣的標簽是用select2初始化的：

成都創(chuàng)新互聯(lián)公司-成都網(wǎng)站建設(shè)公司，專注成都做網(wǎng)站、成都網(wǎng)站設(shè)計、網(wǎng)站營銷推廣，申請域名，網(wǎng)站空間，網(wǎng)站托管、服務(wù)器租用有關(guān)企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系成都創(chuàng)新互聯(lián)公司。

<select id="selectId"></select>
var option = $("#selectId").select2("data")[0];
//選項的值：
var value = option.id;
//選項顯示文本：
var text = option.text;

select控件的option都有一個value屬性和一個text顯示文本（如上所示），測試發(fā)現(xiàn)控件使用過程中，顯示文本這個值有的時候無法傳到后臺，并且是有點時候出現(xiàn)，大部分是正常的。

困擾了一段時間，找到了原因，select2是配置了可輸入的，且請求后臺數(shù)據(jù)：

select2的dropdown打開之后，輸入一個內(nèi)容：abc

這里有一個奇怪的現(xiàn)象，同樣的操作會出現(xiàn)不同的結(jié)果，下面的第一種

第二種

至于哪里能控制我還沒找到原因，下面回到正題

abc這個值經(jīng)過篩選沒有找到，返回一個新創(chuàng)建option，也就是上面第二種情況，它會自動錄入到select標簽中，在某些情況是會自動關(guān)閉的（比如點擊select之后，dropdown打開，鼠標再點擊屏幕其它區(qū)域，就是dropdown以外的區(qū)域，它會關(guān)閉），這時點擊其它地方它自動關(guān)閉，這樣外表看似已經(jīng)選擇了，但是隱藏傳值的標簽并沒有賦值，提交后臺自然就是空的

之前代碼中只加了onchange事件，在鼠標點擊和回車之后會觸發(fā)這個change方法，但是它自己關(guān)閉的的情況不會觸發(fā)，就不會給隱藏的name賦值，也就傳不到后臺

解決過程：
添加onchange事件之后，也要添加select2:close事件，在close事件中給隱藏標簽賦值，理論上在dropdown關(guān)閉的時候會觸發(fā)

這樣修改之后引起的了別的問題（下面的問題項目代碼具體處理情況有關(guān)，并不是上面的select2:close事件不好用），我當時修改的上面的close事件和change觸發(fā)同一個方法，這樣導致每次選擇都會調(diào)用兩次賦值方法，并且還發(fā)現(xiàn)了另外的問題：

select2:unselecting事件在點擊清除小叉號執(zhí)行信息清空，清空之后會出現(xiàn)其他選項

比如點擊select之后出現(xiàn)下面的選項：

我選擇：1243

再點擊選擇234，再點擊選擇214

然后我點擊右邊的小叉號清除，然后錄入一個不存在的選項：abcdefg

這個時候select標簽下會有四個option：

這個時候點擊右側(cè)小叉號，理想結(jié)果是這樣的：

實際上他是這樣的：

它自己默認把第一個option當做選項，實踐證明：

只有可手寫輸入的選項刪除時，如果之前選擇過其他的選項（就是select標簽下有option）情況下才會這樣，除此之外不會。

解決辦法：在點擊小叉號觸發(fā)的方法里面，把select標簽下所有的option都刪除。

上面是我目前的處理方式，如果以后發(fā)現(xiàn)更好的再來更新。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

新聞標題：select2選擇的value傳不到后臺-創(chuàng)新互聯(lián)
本文路徑：http://chinadenli.net/article12/ehegc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、做網(wǎng)站、網(wǎng)站排名、自適應(yīng)網(wǎng)站、網(wǎng)站制作、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)