如何解决jQuery combobox:捕获所选组合框值的标准脚本不起作用
|| 我在http://jqueryui.com/demos/autocomplete/combobox.html使用jqueryui组合框示例 我添加了下面显示的脚本来捕获组合框的选定值:<div id=\"selectedOpt\">
</div>
<script>
$(document).ready(function() {
$(\"#combobox\").change(function() {
var retval = $(this).val();
$(\"#selectedOpt\").html(\"retval=\" + retval);
});
});
</script>
但是,它不能按预期方式工作:
div selectedOpt不会每次都显示组合框的选定值
变更事件发生
如果选择了“显示潜在效果”(请在上面的网址尝试),则使用标准下拉列表
出现。当试图改变价值
该下拉列表,然后是div
selectedOpt能够显示价值
正确地。
目的是让ѭ1显示组合框的所选选项。
请提出建议并解释为什么(1)在(2)工作时不起作用。
PS:正确包含所有必需的js,css。
感谢您的关注。
找到的解决方案:
http://robertmarkbramprogrammer.blogspot.com/2010/09/event-handling-with-jquery-autocomplete.html
解决方法
请更改您的脚本以匹配以下代码:
<script>
function test()
{
var retval = $(\"[id *=dropdown] :selected\").val();
$(\"#selectedOpt\").html(\"retval=\" + retval);
}
</script>
然后从服务器端调用此脚本,如下所示:
dropdown.Attributes.Add(\"onchange\",\"javascript: return test();\")
, 要在div中显示组合框的标签或值,您必须将函数作为选项包括在内。像这样:
$( \".selector\" ).autocomplete({
change: function(event,ui) {
$(\"#selectedOpt\").html(\"retval=\" + ui.item.value);
}
});
如果需要标签,请使用ui.item.label。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。