Jquery 对象数组

Jquery array of objects

提问by Aanu

I have an array of objects in session. This has been populated in select list. based on the selected item from the list, I would have to pre-populate the form with the attributes of the object selected.

我在会话中有一组对象。这已填充在选择列表中。基于从列表中选择的项目，我必须用所选对象的属性预先填充表单。

Please help.

请帮忙。

• Aanu

• 阿努

回答by Darin Dimitrov

You could store employee information into a javascript object:

您可以将员工信息存储到 javascript 对象中：

var employees = [
    { id: '1', sex: 'm', city: 'Paris' }, 
    { id: '2', sex: 'f', city: 'London' },
    ... etc fill this in a foreach loop
];

Next you bind to the change event of the select box:

接下来绑定到选择框的更改事件：

$(function()
{
    $('select#id_of_the_employees_select').change(function(e) {
        // Get the current selected employee id
        var selectedEmployeeId = $(this).val();
        // find the corresponding employee in the list
        var emps = $.grep(employees, function(n, i) {
            return n.id == selectedEmployeeId;
        });
        if (emps.length > 0) {
            var employee = emps[0];
            // fill the form elements with employee data:
            $('#employee_sex').val(employee.sex);
            $('#employee_city').val(employee.city);
        }
    });
});