jquery - 从gsp中的 Controller 传递的对象列表中获取特定元素

Question

我将带有 Controller 的对象列表传递给具有模型的gsp，如下所示

model: [ houses: houses]

我想在jquery中设置，每当houseId的输入值更改时，houseName的输入值将根据houseId更改为特定房屋的名称。下面是代码:

$( "#houseId" ).change(function() {
    $('#houseName').attr('value', '${houses[0].houseName}');
});`

如您所见，houses[0]中的'0'应该是houseId，但是我不知道如何将houseId放入其中。谁能给我启发？谢谢!

Answer 1

一种更好的方法是将houses列表作为JSON数组发送并使用JavaScript对其进行解析。

在您的操作中:

import grails.converters.JSON
....
model: [ houses: houses as JSON]

所以你有这样的事情:

[  
   {  
      "id":1,
      "name":"House 1"
   },
   {  
      "id":2,
      "name":"House 2"
   }
]

在您的JS中:

var houses = JSON.parse(${houses});
$( "#houseId" ).change(function() {
    var index = $('#houseId').val();
    $('#houseName').attr('value', houses[index].name);
});