用服务器值填充下拉菜单
Populating dropdown menu with server values - knockout.js
我有一个基本的表单,允许用户添加尽可能多的课程。每门课程都必须属于一个课程。我决定在knockout.js框架之上构建它。我已经能够硬编码课程下拉菜单(self.curriculumList
)的值。但我有困难从mysql数据库获取值填充下拉菜单。我该怎么做呢?JSFIDDLE
var initialData = [{
courseName: ""
}];/**/
var CourseModel = function (courses) {
var self = this;
self.courses = ko.observableArray(ko.utils.arrayMap(courses, function (course) {
return {
courseName: course.courseName,
selectedOptionValue : course.selectedOptionValue
};
}));
self.curriculumList = $.getJSON('functions/getCurriculum.php', function(data) {
data;
});
self.addCourse = function () {
self.courses.push({
courseName: "",
selectedOptionValue : ko.observable("Select One")
});
};
self.removeCourse = function (course) {
self.courses.remove(course);
};
self.save = function() {
self.lastSavedJson(JSON.stringify(ko.toJS(self.courses), null, 2));
};
self.lastSavedJson = ko.observable("");
};
ko.applyBindings(new CourseModel(initialData));
ajax调用是异步的,所以你需要在成功回调中访问数据并将其分配给可观察数组…
self.curriculumList = ko.observableArray();
$.getJSON('functions/getCurriculum.php', function(data) {
self.curriculumList(data);
});
相关文章:
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- '使用文本区域中的字符串动态填充下拉菜单
- 使用 URL 填充下拉菜单
- 从数据库填充的下拉菜单中更新输入字段
- 在CSS3中的Select Tag(下拉菜单)中向左填充
- AngularJS-用下拉菜单填充输入文本字段
- 使用带有数据库信息的下拉菜单填充文本框
- 如何从自动填充随机数字的下拉菜单中生成一组文本框
- 通过 JavaScript 函数填充 HTML 下拉菜单
- 如何使用 json 数组填充 Rails 下拉菜单
- 基于表单输入值,如何 2 生成选择 4 下拉菜单 w 数据库中的行/记录数据,该数据库将在选择时预填充表单
- 如何为下拉菜单生成选择,其中包含数据库中的行/记录数据,该数据库将在选择时预填充表单
- 将数据加载到动态填充的分部视图中的选择下拉菜单
- 如何生成下拉菜单选择以根据数据库中可用的行/记录表单数据填充表单
- 下拉菜单动态填充第二个下拉菜单
- HTML 3 依赖的下拉菜单按文本文件填充
- DHTMLX网格:用下拉菜单填充单元格
- 根据下拉菜单填充输入表
- 从下拉菜单填充引导表单