问题标签 [prototype-chosen]

我正在为选择框使用选择的原型。现在我想在那个选择框上触发 onchange 事件。这是所选原型的链接

这个怎么做。请帮我。

我是 Prototype 的新手，我无法真正理解此处提供的极简主义文档http://harvesthq.github.com/chosen/

它说要动态更新 selected.js，我们应该使用这个片段

我不明白的是，需要针对哪个元素Event.fire。在我的例子中，我有一个带有两个选择元素的动态表单。只有在用户选择第一个选择元素上的选项后，才会启用第二个选择元素。就像这个插图：

所以我只是在我的代码上试了一下。这里是：

在那个例子中，那个 Event.fire 似乎根本不起作用......那么我在这里做错了什么？在用户选择尺寸选择后，我如何才能更新该 selected.js 版本的颜色选择以更新？

我只想做一些非常简单的事情，这是一个选择，取决于选择了哪个选项，它会填充第二个选择。

我总是通过以这种方式隐藏/显示选择来做到这一点（JS）：

但现在我正在尝试选择，但它不起作用。它删除所有选择的掩码并将选择返回给本机。我也试过这个（JS）：

它也不起作用。它不会移除选择者，但不会做任何事情。对此有任何想法吗？我知道这听起来很基本，因为我在任何地方都找不到准确的回应。

PS：我正在尝试使用 JS，而不是通过 AJAX。

我使用 Harvest 的 Javascript 库来增强<select>元素。

https://github.com/harvesthq/chosen

该库<div>与原始<select>. 这<div>包含选择的增强 UI：

<div>鉴于我只知道原始<select>元素，我想检索这个 Chosen UI 容器 ( )。挑战在于 HTML 文档中可能有超过 1 个多选。

最简单的情况是<select>元素具有 ID，因此选择的 UI 容器具有相同的 ID，后缀为_chosen，如您在上面的代码片段中所见。

但是 Chosen 并不要求元素具有和 ID 属性才能工作。那么<select>没有ID的多个元素呢？识别选择的 UI 容器的正确方法是什么？

[编辑]对于那些想知道为什么我不能假设有一个“id”属性的人<select>：我写了一个小插件来处理 Chosen 的选择顺序，我不能强迫用户在<select>while Chosen上放置一个 ID不需要它本身。

我有两个选择下拉菜单，当我更改第一个选择时，onchange 函数将执行但选项未在选择的第二个下拉列表中更新。但是在原始选择中填充了选项。

Onchange 函数为第二个选择生成动态选项，当我检查元素原始选择更新时，选择的结果区域未更新。

我遵循以下代码。

在我的一个 ASP.Net 项目中，我使用了 selected-image ( https://github.com/djgrant/chosen-image ) 将图像添加到下拉列表。

我也添加了选择的库。一切正常。如果我在文档加载功能中使用以下代码，它将创建选择的列表视图。

然后我想将图像添加到列表视图。所以我添加了 selected-image js 文件和 css 文件并将上面的代码更改如下。

在后端，我将图像绑定到列表视图。

在列表视图中显示所有图像，但页面不断刷新。我怎样才能防止这种情况？

对不起，我的英语不好。

我使用选择宽度选项卡引导程序（http://getbootstrap.com/javascript/#tabs）。但是有问题。

默认选项卡 KFC 处于活动状态，当我单击选项卡 POST 时：

http://i.stack.imgur.com/iL1hi.png

我使用 Chosen v1.1.0 和 bootstrap 3。

我试过了

但失败了。

谢谢阅读

我有一个自己无法解决的问题。我调试了几天，但没有成功找到问题所在。

我有一个 selected.js + jscrollpane.js。When a chosen is open, the search input field must to be focused to write some search string. 我第一次打开所选内容时会引发错误，并且我无法在其中搜索任何内容。但是，如果我关闭选择并重新打开它，一切正常。

我为你做了一个小提琴：http: //jsfiddle.net/y2h3ohr3/2/

所以当我第一次打开选择的错误时，我可以在 Chrome 的控制台中看到这个错误（在 firefox 中，错误存在但控制台不会抛出错误）：

Uncaught NotFoundError: 无法在 'Node' 上执行 'appendChild': 要移除的节点不再是该节点的子节点。也许它是在“模糊”事件处理程序中移动的？

控制台抛出的跟踪：

jQuery.extend.buildFragment @ jquery-1.9.1.js:6541

jQuery.fn.extend.domManip @ jquery-1.9.1.js:6129

jQuery.fn.extend.append @ jquery-1.9.1.js:5949

初始化@jquery.jscrollpane.min.js:115

JScrollPane@jquery.jscrollpane.min.js:1388

（匿名函数）@jquery.jscrollpane.min.js:1407

jQuery.extend.each @ jquery-1.9.1.js:648

jQuery.fn.jQuery.each @ jquery-1.9.1.js:270

$.fn.jScrollPane@jquery.jscrollpane.min.js:1399

（匿名函数）@ selected.jquery.js:774

jQuery.event.dispatch @ jquery-1.9.1.js:3074

elemData.handle @ jquery-1.9.1.js:2750

jQuery.event.special.focus.trigger@jquery-1.9.1.js:3256

jQuery.event.trigger@jquery-1.9.1.js:2952

（匿名函数）@jquery-1.9.1.js:3677

jQuery.extend.each @ jquery-1.9.1.js:648

jQuery.fn.jQuery.each @ jquery-1.9.1.js:270

jQuery.fn.extend.trigger@jquery-1.9.1.js:3676

jQuery.fn.（匿名函数）@ jquery-1.9.1.js:7403

$.fn.extend.focus@jquery-ui.js:230

Chosen.results_show@chosen.jquery.js:968

Chosen.container_mousedown @ selected.jquery.js:839

（匿名函数）@ selected.jquery.js:654

jQuery.event.dispatch @ jquery-1.9.1.js:3074

elemData.handle @ jquery-1.9.1.js:2750

我做了一个小提琴，它的设计与我的项目中的不同，但错误完美再现（第一次打开时请注意 chrome 控制台选择）。

你可以在这里查看小提琴：

http://jsfiddle.net/y2h3ohr3/2/

谁能帮我？我被困住了，我不能做更多，因为我在任何地方都没有发现错误。错误是 jquery 抛出的，而不是选择的，所以我没有自定义appendChild。

我有两个下拉菜单。如果我不使用select-chosen该类并将它们简单地用作form-control类，则它们的 HTML 很简单，我可以通过根据以下代码片段中给出的第一个下拉列表的值发送 AJAX 请求来更改第二个下拉列表的值：

但是，当我想使用类使这些下拉菜单看起来更好select-chosen时，一切都出错了。此类完全改变了我的下拉列表的 HTML，如下所示。

现在我的问题是，我该如何处理所有这些奇怪的（对我来说，而不是对你们所有人）看起来 HTML 来更新来自 ajax 请求的下拉列表，就像我在上面的代码片段中所做的那样？

我正在使用带有 AngularJS 和 Bootstrap 的 Chosen 插件。我还使用自定义指令和选择文档中的代码来使用 Bootstrap 进行样式设置：

但是当我将此指令应用于选择框时，它会阻止模型使用所选项目进行更新。我试过使用 selected-bootstrap css 和 angular-chosen 但无法让它工作。两者都没有设置选择框的样式（与删除自定义指令相同），这让我相信这是 Bootstrap 的问题。

这是在 Plunker 中重新创建的问题：http ://plnkr.co/edit/AE1jo9fiRN1pvU6dKFSI?p=preview

如果您删除 select 元素上的“chosen-select”类，它可以正常工作，但样式不正确。

任何帮助将非常感激。