你可以使用动态创建的表单元素选择吗?

时间:2013-01-26 05:17:59

标签: forms dynamic jquery-chosen

我创建了一个包含两个selectbox元素的简单表单。我还有一个按钮,可以根据用户的判断动态添加这些选择框。 selectbox选项会很长,所以我应用jQuery Chosen插件更有用。

在使用jQuery clone动态添加新元素之前,一切正常。我无法在我的新元素选择框中选择任何选项,并且它们也带有先前的结果。

在搜索论坛时,其他人在选择后通过调用$("#form_field").trigger("liszt:updated");“重置”选择。我也试过这个,但它会清除所有选择(我不想要的)并继续冻结下拉动作。

任何人都有使用动态元素选择(或任何其他自动完成类型选择框增强)的经验吗?

1 个答案:

答案 0 :(得分:0)

找到一个有效的解决方案 - 尽管没有使用Chosen插件。

我通过将选择框替换为与基本jQueryUI自动完成插件相关联的输入字段来更改动态创建的表单元素。以下是其实施的链接:http://jqueryui.com/autocomplete/#default

主要区别在于,在这种情况下,选择“选项”被列为框中查找自动完成选项的来源。我的列表有70个项目,所以初始设置需要一些时间。

jQuery文本通常如下:

$("input#search").autocomplete({

    source: [item1, item2, item3, item 4, ... item5]);