Категории берутся из базы

public/js/main.js

@@ -1,10 +1,10 @@
 /* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
+ * Let's GO!
  */
 
 ymaps.ready(init);
 var myMap;
+var categories;
 
 function init() {
     myMap = new ymaps.Map("map", {
@@ -18,6 +18,7 @@ function init() {
     myMap.controls.add('smallZoomControl');
     myMap.controls.add('scaleLine');
 
+    initCategories()
     getPoints();
 
     myMap.events.add('click', function (e) {
@@ -35,8 +36,7 @@ function init() {
                         '<textarea id="description" name="description"></textarea></p>' +
                         '<p>Тип:<br/>' +
                         '<select id="categoryId" name="categoryId">' +
-                        '<option value="1">Парки и сады</option>' +
-                        '<option value="2">Замки и усадьбы</option>' +
+                        categories +
                         '</select>' +
                         '<p>Источник:<br/>' +
                         '<input type="text" id="source" name="source" /></p>' +
@@ -78,7 +78,16 @@ function getPoints()
     return true;
 }
 
-function addNewPoint()
+function initCategories()
 {
-    console.log($('#name').val());
+    $.ajax({
+        url: "/json/categories/",
+        success: function(data){
+            for(var k in data) {
+                categories = categories + '<option value="'+data[k]['id']+'">'+data[k]['name']+'</option>';
+            }
+        }
+    });
+
+    return true;
 }