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

时间:2011-06-24 21:11:30

标签: jquery drop-down-menu jquery-mobile onchange multi-select

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

我想做的是 - 一旦ddb1失去焦点,我需要从ddb1获取所有选定的值并处理它以填充ddb2.But我找不到当用户完成他的选择时触发的事件ddb1.I尝试过ddb1.blur()和ddb2.focus()。没有帮助。对此有何看法?

以下是代码:

<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>

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

.blur()正如您在预期的倍数上所做的那样工作。如果它不适合您,您的代码中必定会出现某种错误。

如果你发布你的代码,有人可能会帮助你,但就目前而言,我只能说.blur()是可行的方法。