jquery设置输入的值不起作用

时间:2016-03-24 12:41:52

标签: jquery html grails

我在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">&times;</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>

请注意,我从项目中的其他文件中复制了所有这些代码,其中一切都运行良好。

0 个答案:

没有答案