2014-09-12 43 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