我正在尝试通过编写的jquery函数动态添加g:select标签。我知道该函数在我在项目中的其他地方添加普通的html元素时会起作用。我试图添加的变量是
var row ='<tr class="prop"> <td valign="top" style="text-alight:left;" width="20%"> <label for="batsmanHome' + rowNum + '"> Batsman: </label> </td> <td valign="top" style="text-alight:left;" width="20%"> <g:select name="batsmanHome"' + rowNum + '" from="${fixtureInView.homeTeam.players.asList()}" optionKey="id"/> </td> <td valign="top" style="text-align:left;" width="20%"> <input onclick="addRowHome(this.form);" type="button" value="Add Player" /> </td></tr>'
这出现了错误
illegal colon after argument expression;
solution: a complex label expression before a colon must be parenthesized @ line 20, column 116.
Home" },'' + rowNum + '" from':evaluate(
^，我无法理解。有人有什么想法吗？
最佳答案
在将<g:select转换为常规select标记之前，需要在服务器端进行处理，浏览器和前端语言(如javascript)可以理解和操作该标记。
您应该将代码更改为:
var row ='<tr class="prop"> <td valign="top" style="text-alight:left;" width="20%"> <label for="batsmanHome' + rowNum + '"> Batsman: </label> </td> <td valign="top" style="text-alight:left;" width="20%"> <select name="batsmanHome"' + rowNum + '" ></select> </td> <td valign="top" style="text-align:left;" width="20%"> <input onclick="addRowHome(this.form);" type="button" value="Add Player" /> </td></tr>'
关于javascript - 通过jQuery添加g:select标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22147381/