Question

我想填写并使用链接的内容点击表单外的链接时提交以下表单。

<%= form_tag search_path, url: search_path, remote: true do %>
    <div class='input-group'>
        <div class='search-box'>
            <%= text_field_tag 'query', nil, class: 'form-control typeahead', autocomplete: 'off' %>
            </div>

            <span class='input-group-btn'>
                <button type='button' class='btn btn-default' data-toggle='modal' data-target='#settingsmodal'>
                    <span class='glyphicon glyphicon-cog'></span>
                </button>
                <%= submit_tag t('process.search'), id: 'search_button', class: 'btn btn-primary' %>
            </span>
        </div>
        <%= render 'settings_modal' %>
<% end %>

...

<a href="#">This text should be submitted</a>

我尝试填写文本字段并使用jQuery单击按钮，但这没有用。我读到了jQuery submit（）调用，但无法弄清楚如何使用它。有什么帮助吗？

Answer 1

这会将文本添加到输入框并提交表单

<a href="#" onclick="$('.search-box input').val($(this).html()); $('form').submit(); return false;">This text should be submitted</a>

编辑：

正如我的评论中所提到的，更好的方法是使用这样的ID在JS文件中：

<form id="form-id">
    <input id="search-box-input" value="" />
</form>

<a href="#" id="link-id">This text should be submitted</a>

<script type="text/javascript">
    $(function(){
        $("#link-id").click(function(){
            $('#search-box-input').val($(this).html()); 
            $('#form-id').submit();
            return false;
        });
    });
</script>

填写此表单以外的链接并提交表单

1 个答案: