jQuery UI MultiSelect Widget级联下拉列表

Question

我有2个下拉示例国家和省。国家可以多次选择或只选择1，在后一个选项中，省份应该被填充，这也应该是多选的。

如何让第二次下拉动态？当multiselect（）方法不起作用时，我知道我需要添加dhtml但我仍然不确定如何。

感谢任何帮助。

谢谢， czetsuya

Answer 1

在multiselect元素上重新渲染第二个下拉调用刷新。

$（ “＃MYID”）多选（ “刷新”）;

Answer 2

这是一个“草稿”

http://jsfiddle.net/melee/hWUEg/

以下是代码：

 $(function() {
 $( "#selectable" ).selectable({
     stop: function() {
         var item = $('.ui-selected').text();
         alert(item);
         // .ajax here, probably a get request sending the above item var.
         // Probably want to return JSON, which you can iterate through to create
         // the secondary list. Then inject it into the DOM!
     }
 });
});

因此，为了简单起见，我只是在stop事件中添加处理程序 - 然后您将使用text或其他attr来提取值，您可以通过GET发送到可以处理它的脚本。发送回JSON，然后注入DOM。