- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我在 http://harvesthq.github.io/chosen/ 处选择了使用.好的,我测试它从 ajax 加载数据。我在任何地方创立,也许没有人与他们一起成功。
<script src="theme/js/jQuery-2.1.3.min.js"></script>
<link href="theme/chosen_v1.4.2/chosen.css" rel="stylesheet" />
<script src="theme/chosen_v1.4.2/chosen.jquery.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$(".cb_bu_info").chosen({
width: "95%",
source: function (data) {
$.ajax({
type: "POST",
url: "../BUS/WebService.asmx/LIST_BU",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#cb_info").html('');
//$.each($.parseJSON(data.d), function (idx, obj) {
$.each(data, function (idx, obj) {
$("#cb_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
});
//$("#cb_info").trigger("liszt:updated");
},
error: function (data) {
console.log(data.d);
}
});
}
});
$("#cb_info").trigger("liszt:updated");
});
</script>
<select id="cb_info" class="cb_bu_info"></select>
数据形式为ajax
[{"BU_ID":"B01","BU_NAME":"Agro Feed","BU_DES":"Agro Feed","EDIT_DATE":"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false},{"BU_ID":"B02","BU_NAME":"Agro Farm","BU_DES":"Agro Farm","EDIT_DATE":"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false}]
嗯,它看起来不错,但是当我运行它时,结果没有显示在选择选项中,请查看浏览器开发工具,我没有看到错误。一切正常。这里发生了什么问题?注意:只使用 Chosen Jquery
最佳答案
在检查了 Chosen 文档之后,似乎没有“来源”选项。您需要做的是首先运行您的 Ajax 调用,然后填写您的选择选项。一旦选择全部填满,然后在该选择元素上运行 Chosen。
我会使用以下 JS 代码:
var url = "../BUS/WebService.asmx/LIST_BU";
$.getJSON(url, function(json){
var $select_elem = $("#cb_info");
$select_elem.empty();
$.each(json, function (idx, obj) {
$select_elem.append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
});
$select_elem.chosen({ width: "95%" });
})
关于javascript - 如何将数据从 ajax 加载到 Chosen jquery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32757874/
我正在使用 npm、Vue 和 Webpack。我想在 jQuery 中使用 Chosen 库,但是我无法导入 chosen-js/chosen.css 因为我遇到了错误。如何导入Chosen的css
我正在尝试使用 Chosen 链接选择和 Chained但我不确定我是否正确地实现了 .chosen().change() 或者我得到的错误是否是一个错误。 这是我所拥有的: WA QLD VIC
我正在使用一个名为 Chosen 的 jquery 插件。我看到它有一个可用于单选的搜索选项,有谁知道在使用多选的情况下如何启用它? 谢谢 最佳答案 选择搜索适用于多选。检查他们网站上的示例 http
我目前正在使用 jQuery Chosen插件,并且运行良好。目前,我可以像这样绑定(bind)到 Chosen 的更改事件: $('#the_selector').chosen().change(
我正在使用“选择的插件”,但不确定如何将属性添加到选择列表的选项标签。 我已经在准备好的文档上使用 jQuery 尝试过这个,但没有成功。 最佳答案 您需要将 Chosen.Jquery.js 修改为
我有两个下拉菜单。如果我不使用 select-chosen 类并将它们简单地用作 form-control 类,它们的 HTML 很简单,我可以更改第二个下拉列表的值通过发送基于第一个下拉列表值的 A
尝试使用 jquery-chosen对于 vue,问题是这个插件隐藏了我应用 v-model 的实际选择,所以当我选择一个值时,vue 不会将其识别为选择更改事件并且模型值不会更新. 当我选择某些东西
我在 ASP.NET MVC 应用程序中使用 jQuery Chosen 插件。当下拉列表中有项目时,data-placeholder 属性不起作用。它不会显示默认文本,而是自动选择列表中的第一项。
我使用 jquery-chosen 作为我的组合框。 如果组合框位于屏幕底部,则无法下拉。有没有办法获得下拉列表而不是下拉列表? 演示页面链接:http://harvesthq.github.io/c
我制作了一个 jQuery 选择下拉菜单,如下所示: $('.blah').chosen(); 我找不到如何添加选项,例如: $('.blah').chosen('add', name, value)
我将此问题提交给已回答的线程:disable jquery-chosen dropdown 当我尝试时,这实际上对我不起作用。 Fiddle 链接演示也不适合我(Firefox v22)。我在这里发什
我正在用值填充一个 JQuery Chosen,我正在设置一个自定义属性以便稍后在选择一个选项时获取它,但我找不到一个好的方法来做到这一点。 我的代码如下: $( "#ddlChosen" ).cho
我有两个选择框,每个都有不同的响应宽度。width:45% 和 width:22% 。如何使用为这两个元素选择的 jquery。在我的元素中,许多组件都有 width:45%,只有少数是 22%。我正
我正在尝试使用 Chosen plugin我正在使用 select 元素选项。 我用它来按国家名称显示时区名称。国家名称作为选项组标签和时区名称作为选项 我的问题: 如何使搜索也适用于 optgrou
这是我的代码: Option 1 Option 2 $("#chzn-select").chosen(); 这是结果: 我可以“选择”选项 1 或选项 2
我选择了多选。我想在 javascript 代码上将多选更改为单选。我将发送一些 ajax 帖子,并根据响应值,我必须更改 selected 的属性。从多选到单选或相反。 最佳答案 我最终不得不手动销
我正在使用选择的 jQuery 插件(由 Harvest 提供)。它在 (document).ready 上工作正常,但我有一个按钮,单击该按钮时,会使用 ajax 动态创建更多我想要使用“选择”功能
我们如何确定组件上触发的更改事件是选择还是取消选择的结果?如何才能只抓取选中的值或者只抓取未选中的值? $("#airports-select-2").chosen().change(function
我正在使用https://github.com/localytics/angular-chosen创建选择元素并选择默认项目: AAAAAAAAAAAAAAAA BBBBBBBBBBB
我正在使用 React-chosen(https://github.com/chenglou/react-chosen,jQuery Chosen 插件的 React 包装器,https://harv
我是一名优秀的程序员,十分优秀!