2014-09-12 34 views
0

我正在使用QuickSelect jQuery plugin爲城市選擇實現一個非常簡單的「類型選擇」下拉框。我的視覺效果很好,但在提交表單時,我無法通過value字段而不是label字段。QuickSelect不會傳遞值

我有一個HTML表單一個簡單的輸入框:

<input name="city" id="IDX-qsCityList-28052" placeholder="City"/> 

我的JavaScript代碼是:

jQuery(document).ready(function($){ 
    $("#IDX-qsCityList-28052").quickselect({ 
     maxItemsToShow:10, 
     data: [ 
      { 
       label: 'Boston', 
       value: '1234' 
      }, { 
       label: 'Atlanta', 
       value:'382' 
      } 
     ] 
    }); 
}); 
+0

這是爲期5年舊圖書館,爲什麼你不使用jquery-ui自動完成? – 2014-09-12 14:34:46

回答

0

Solution

我編輯的quickselect庫文件jquery.quickselect.js在行109將值存儲在「QuickSelect」數據屬性中。這樣,您就可以獲取你需要的值:

$("#IDX-qsCityList-28052").data('QuickSelect'); 

在github上編輯的原始代碼庫:https://github.com/rafaelcastrocouto/jquery_plugins/blob/gh-pages/quickselect/jquery.quickselect.js

工作鏈接,如果你想測試一下:http://rafaelcastrocouto.github.io/jquery_plugins/quickselect/jquery.quickselect.js

+0

感謝您對此的意見。該值通過表單傳遞。我如何將它作爲表單變量傳遞? – RailsTweeter 2014-09-12 17:57:25

+0

有一些方法...一個簡單的方法是創建一個隱藏的輸入並更新它的值。 – rafaelcastrocouto 2014-09-12 19:02:10