一、formselects简介

formselects是一款由海尔谢周峰巨大神开发的高大效jQuery下拉框插件。它具备支持optgroup分组、数据动态加载、远程求等功能，适用于各种下拉选项的展示场景。

二、 formselects优势

formselects在搞优良开发效率、优化用户体验方面具有显著优势。

• 支持optgroup分组，搞优良数据展示的清晰度。
• 支持数据动态加载，无需预先加载全部数据。
• 支持远程求，实现数据实时更新鲜。

三、 formselects用方法

formselects.render({
    name: 'selectName',
    data: 
});
    

四、formselects v4版本新鲜特性

formselects v4版本在v3版本基础上许多些了白名单功能，能过滤掉一些敏感字符，避免被XSS打。一边新鲜增了有些API，如：formSelects.value、formSelects.data等。

formSelects.render({
    name: 'selectName',
    data: 
});
    

五、 formselects无法回显原因及解决方案

若formselects无法回显，兴许是以下原因：

• 在后台传递到html模板中的值格式不正确。
• option标签或option对象设置错误。

解决方案：

• 检查后台传递的值格式是不是正确。
• 检查option标签或option对象设置是不是正确。

• 在html模板中设置错误的id或name属性。
• 在js代码中设置错误的selected属性。

• 检查html模板中的id或name属性设置是不是正确。
• 检查js代码中的selected属性设置是不是正确。

formselects默认选中有以下两种方法：

• 在后台传递到html模板中的值格式，直接设置selected属性。
• 在js代码中设置selected属性。

formselects数据回显需要获取选中的值，并将值回填到表单中。

var selectValues = formSelects.value;
$.find.val);
    

九、 formselects.value、formselects.data方法

formselects.value、formselects.data用于获取选中的值与查询回来的值。

var selectValues = formSelects.value;
var allData = formSelects.data;
    

本文对formselects进行了详细的阐述， 从formselects远程、formselects动态加载数据、formselects v4 赋值、formselects无法回显、formselects无法赋值、formselects默认选中、formselects 数据回显、formselects v4、formselects.value、formselects.data等优良几个方面进行了阐述。希望对读者有所帮，一边觉得能开发者能许多许多用、实践、调试，熟悉插件的各种功能，搞优良开发效率。

欢迎用实际体验验证观点。