QuickSelect不会传递值

Question

我正在使用QuickSelect jQuery plugin为城市选择实现一个非常简单的"type to select“下拉框。我已经让它可视化地工作了，但是我不能让它在提交表单时传递value字段而不是label字段。

我在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'
            }
        ]
    });
});

Answer 1

Solution

我在第109行编辑了quickselect库文件jquery.quickselect.js，以将值存储在"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