jquery - 填写并提交表格，并包含此表格之外的链接

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>

编辑:

正如我的评论中提到的，更好的方法是在 JS 文件中使用如下 ID:

<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>