Version 1.0.1 added 8 months ago by mpvanwinkle

HOW TO INSTALL: To install this package, copy the following code and paste it into your Pods >> Package Manager under the Import tab and follow instructions there.

{"meta":{"version":"1.12-rc-1","build":"1315591679"},"helpers":[{"name":"sdm_user_select_filter","helper_type":"display","phpcode":"<script type=\"text\/javascript\">\njq = jQuery.noConflict(); \njq(document).ready(function() {\n\tjq('#pick-filter-val-input').click(function() {\n\t\tchars = jq('#pick-filter-val').val();\n\t\tif(chars.length > 1) {\n\t\t\tjq('#pick-filter-val-clear').after('<div class=\"temp-message\">... filtering, please wait<\/div>');\n\t\t\tjq('.option').hide().filter(function(index) { \n\t\t\t\treturn jq(this).text().match('^'+chars);\n\t\t\t}).show(); \n\t\t\tjq('.temp-message').remove();\n\t\t} else {\n\t\t\tjq('.option').show();\n\t\t}\n\t});\n\t\n\tjq('#pick-filter-val-clear').live('click',function() {\n\t\tjq('#<?php echo $css_id; ?>').load(location.href+\" #<?php echo $css_id; ?>>*\",\"\");\t\t\t\t\t\n\t\tjq('#pick-filter-val').val('');\n\t});\n});\n<\/script>\n<input id=\"pick-filter-val\" type=\"text\" class=\"pods_form\" \/>\n<input id=\"pick-filter-val-input\" type=button name=\"submit-filter\" value=\"Filter\" \/>\n<input id=\"pick-filter-val-clear\" type=button name=\"clear-pick-val\" value=\"Clear\" \/>\n <div class=\"<?php echo esc_attr($css_classes); ?>\" id=\"<?php echo esc_attr($css_id); ?>\">\n<?php\n if (!empty($value)) {\n foreach ($value as $key => $val) {\n $active = empty($val['active']) ? '' : ' active';\n?>\n <div class=\"option<?php echo $active; ?>\" data-value=\"<?php echo esc_attr($val['id']); ?>\"><?php echo esc_attr($val['name']); ?><\/div>\n<?php\n }\n }\n?>\n<\/div>"}]}

-initial version

This a simple jQuery-based filter above the standard multi-pick form field allowing the user to filter the list by typing in the first few letters of the value they are searching for. This is especially useful when pick options number in the 1000s.