下拉菜单-如何从多选下拉框中检索所有选定的项目-jQuery mobile

Question

我有两个多选下拉框（ddb）（我使用jQuery mobile）。一旦用户从ddb1中选择项目，根据他的选择，我需要填充ddb2。我在ddb1中使用了jQuery.change（）。但我面临的问题是，每当用户从ddb1中选择/取消选择一个项目时，都会调用onChange（）（我知道这是预期的行为），而不是在整个选择结束时。

我想做的是-一旦ddb1失去焦点，我需要从ddb1中获取所有选定的值，并对其进行处理以填充ddb2。但我找不到当用户完成从ddb1的选择时触发的事件。我尝试过ddb1.blur（）和ddb2.focus（）。Doesnt help。对此有什么想法吗？

代码如下：

<script type="text/javascript">
    $("#ddb1").blur(function(event) {
       $("#ddb2").empty(); 
       var ddb1_val = $("#ddb1 option:selected").val();

       var url = "construct url based on ddb1_val"
       $.getJSON(url,function(data) {
          //do something
       });
    });
</script>

Answer 1

.blur()在选择倍数时可以正常工作。如果它不适合您，您的代码中一定有某种错误。

如果你发布你的代码，可能会有人帮你，但目前，我只能说.blur()是最好的选择。

Answer 2

您基本上应该有一个按钮，它将从dropdown1中获取所有选定的选项，并将其添加到dropdown2中。或者您可以单击该选项立即添加它。