我有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>
答案 0 :(得分:1)
你基本上应该有一个按钮,它将从dropdown1中获取所有选中的选项并将其添加到dropdown2。或者,您可以在点击选项时立即添加。
答案 1 :(得分:1)
.blur()
正如您在预期的倍数上所做的那样工作。如果它不适合您,您的代码中必定会出现某种错误。
如果你发布你的代码,有人可能会帮助你,但就目前而言,我只能说.blur()
是可行的方法。