jquery - 使用更新在remoteFunction之后调整其他选择的值

Question

我正在尝试在onChange中发生的远程功能之后，在“更新”或“onSuccess”中更改单独的“g:select”的选定值。

GSP代码:

<g:select name="mainSelect"
                                  id="mainSelect"
                                  from="${mainSelect}"
                                  value="${mSelect}"
                                  optionKey="key"
                                  optionValue="value"
                                  onchange="${remoteFunction (
                                            controller: 'mainController',
                                            action: 'checkValue',
                                            params: '\'value=\' + this.value + \'&value2=\' + otherSelect.value',
                                            onSuccess: '$("#otherSelect").val(data)',
                                  )}"
                                  noSelection="['': '']"/>
<g:select name="otherSelect"
                              id="otherSelect"
                              from="${notimportant}"
                              value="${notimportant2}"
                              optionKey="key"
                              optionValue="value" />

remoteFunction“checkValue”依赖于一些变量来呈现“Y”或“N”，我将其注销以了解这肯定是每次返回的结果。我只是似乎无法在此之后更改下拉列表。我的帖子没有返回任何错误，我仅会收到错误，具体取决于onSuccess或更新中的内容。

我已经尝试了多种方法，例如:

onSuccess: '$("#otherSelect").val(data)',

要么

update: 'otherSelect'

Answer 1

http://docs.grails.org/3.0.0.M1/ref/Tags/remoteFunction.html

onSuccess (optional) - The JavaScript function to call if successful

只需制作一个JS函数即可将其插入onSuccess，因为直接Javascript不想工作。代替上面的onSuccess:

onSuccess: 'functionForSelect(data)',

功能:

function functionForSelect(option)
{
  document.getElementById("otherSelect").value = option;
}