我在grails中创建了一个应用程序,其中我显示了一个包含专辑和歌曲详细信息的表格。我想要做的是,如果有人点击“购买”字样,按钮它应该将项目的ID和类型('歌曲'专辑')发送到具有隐藏输入的表单,该表单是确认模式的一部分。问题是,当购买'按下按钮只有类型被发送到相应的'类型'在表单中输入和' id'输入仍为空白。这里变得奇怪;我有一个删除按钮,使用完全相同的模态html代码和触发模态的按钮,它完美地工作。无论如何,这是我的代码。任何帮助,将不胜感激。谢谢!
模态html:
<div id="confirmModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Purchase?</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to buy this item?</p>
</div>
<div class="modal-footer">
<g:form action="myColl" name="addForm">
<input type="text" id="itemId" name="itemId" value=""/>
<input type="text" id="itemType" name="itemType" value=""/>
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
<input class="btn btn-primary" type="submit" value="Yes"/>
</g:form>
</div>
</div>
</div>
</div>
按钮html:
<g:if test="${item.type == 'Album'}">
<button type="button" onclick="$('#confirmModal').modal('show');
$('#itemId').val(${item.id});
$('#itemType').val('Album');" class="btn btn-success btn-xs" data-toggle="tooltip" data-placement="right" title="Buy">✓</button>
</g:if>
<g:elseif test="${item.type == 'Song'}">
//The exact same code as above with the only difference being $('#itemType').val('Song')
</g:elseif>
请注意,我从项目中的其他文件中复制了所有这些代码,其中一切都运行良好。