javascript - 检查 g-select 映射属性

Question

你好，我创建了这个下拉框

  <g:select from="${[['key':1, 'value':'text1'],['key':2, 'value':'text2' else']]}" optionKey="key" optionValue="value" name="mine"/>

我的问题是如何在每次单击 text1 字段时打印消息“hi”

Answer 1

对于select，您可以使用属性onchange来设置值更改时它将调用的函数:

<g:select onchange="printmsg(this)" from="${[['key':1, 'value':'text1']....

然后编写该函数来检查 select 的新值并确定它是否是您要查找的值。

printmsg = function(element) {
   var chosen = $(element).val();
   if (chosen === "text1"){
      alert("Omg. What have you done?!");
   }
}

当然，将 Javascript 放入 gsp 页面中(并为此代码添加 jquery 库)。