Question

如果有人经历过jPicker，我真的希望得到一些帮助。我在表单中有一个jPicker输入框，当我用Ajax发布表单时，我尝试将表单重置为原始值。除了我不知道如何将jPicker盒重置为原始状态，有没有人知道如何做到这一点？

Answer 1

jPicker 在$.jPicker.List[]数组中维护其控件的信息。要删除与控件的jPicker关联，您需要销毁$.jPicker.List[]数组中的相应条目。

循环遍历数组中的项目列表，以找到使用

引用控件的项目

$.jPicker.List[index].id

当您在阵列中找到控件时，请使用

将其销毁

$.jPicker.List[index].destroy()

在销毁数组元素后，您需要删除与该控件关联的SPAN jPicker html对象。如果只有一个，你可以

$('span.jPicker').remove()

否则你需要发现特定的html元素

$(rowParent).find('span.jPicker').remove();

（可选）：如果您使用的是类引用与ID引用，请使用.data（）函数标记控件并使用以下语句检索唯一值

$( $.jPicker.List[index] ).data()

Answer 2

您可以尝试从元素中取消绑定jPicker，然后在想要重置它之后重新绑定它，应该将其恢复为默认设置。

Answer 3

如上所述，你可以尝试这样的事情：

var id =$.jPicker.List[i].id; //getting the id of the element you've binded jpicker with
$.jPicker.List[i].destroy(); //destroying the instance in the jPicker List
$("#"+id).parent().find('span.jPicker').remove(); // destroying the span containing the graphical jPicker
$("#"+id).jPicker(); // And finally reinstancing the jPicker instance on your element

它应该使你的选择器闪烁（删除然后重新创建）。

jQuery jPicker完全重置

3 个答案: