Javascript Grails-设置g：通过单击img标记选择值

我想知道是否有办法设置

g：通过单击GSP页面中的img来选择
值

<img src="${resource(dir: 'images', file: 'fiorentina.png')}" id = "Fiorentina">

<div class="fieldcontain ${hasErrors(bean: matchDayInstance, field: 'homeTeam1', 'error')} required">
    <label for="homeTeam1">
        <g:message code="matchDay.homeTeam1.label" default="Home Team1" />
        <span class="required-indicator">*</span>
    </label>
    <g:select id="homeTeam1" name="homeTeam1.id" from="${com.baoole.domain.Team.list()}" optionKey="id" required="" value="${matchDayInstance?.homeTeam1?.id}" class="many-to-one"/>
</div>


*

我曾尝试编写一个小脚本来实现这一点，但没有成功：

<script type="text/javascript">
function setOptionValue(event){
    $('#homeTeam1').val(${com.baoole.domain.Team.findByName("Fiorentina")});
}

var img = document.getElementById('Fiorentina');
img.addEventListener("click", setOptionValue);</script>


函数设置选项值（事件）{
$（'#homeTeam1'）.val（${com.baoole.domain.Team.findByName（“佛罗伦萨”）}）；
}
var img=document.getElementById（'佛罗伦萨'）；
img.addEventListener（“单击”，设置选项值）；

当我点击图像时，它会重置选择字段。
我认为问题是
$（'#homeTeam1'）.val（${com.baoole.domain.Team.findByName（“佛罗伦萨”）}）
id
和
'
：

function setOptionValue(event){
  $('#homeTeam1').val( '${com.baoole.domain.Team.findByName("Fiorentina")?.id}' );
}

在findByName查询中，有没有一种方法，不是特定的团队（比如佛罗伦萨），而是findByName（“event.id”）之类的东西？您必须使用ajax请求来实现这一点