使用Acts通过Javascript提交Select2 Form in Rails
当访问该页面的用户是所有者时,我在页面上显示了一个标签列表。 我希望这个人能够直接在页面上将标签调整为照片。 随着标签的添加,它会根据照片更新字段上的Acts-as-taggable。 我非常接近让所有东西都能正常工作,唯一不能成功的就是远程保存这些数据(当我向页面添加一个提交按钮并单击此按钮时,它可以工作。)
宝石:(我已经手动添加了Select2脚本)
gem 'simple_form'
gem 'acts-as-taggable-on'
我的表单:
<%= simple_form_for [@mountain, @photo], remote: true do |f| %>
<%= f.input :tag_list, label: false, :input_html => {class: 'select2-container select2-container-multi', style: 'width:100%'} %>
<%= f.submit "Update tags" %>
<% end %>
我的愿望是删除此表单中的提交按钮。
以下是将表单呈现为包含标签的Select2表单的脚本:
<script type="text/javascript">
$("#photo_tag_list").select2({tags:[], width: 'resolve', placeholder: "Add photo tags" });
$("#photo_tag_list").on("change", function() {
$("#photo_tag_list_val").html($("#photo_tag_list").val());
});
$("#photo_tag_list").select2("container").find("ul.select2-choices").sortable({
containment: 'parent',
start: function() { $("#photo_tag_list").select2("onSortStart"); },
update: function() { $("#photo_tag_list").select2("onSortEnd"); }
});
</script>
我试图通过chrome控制台尝试提交表单:1)为标签列表添加一个值,2)转到控制台并运行$(“#photo_tag_list”)。submit();. 我收到以下消息,其中我添加的值不在value =“”内。
<input class="string optional select2-container select2-container-multi" id="photo_tag_list" name="photo[tag_list]" size="50" style="width: 100%; display: none;" type="text" value="description_blank, pack, champions">
先谢谢您的帮助! 请让我知道是否有助于看到更多的代码。
链接地址: http://www.djcxy.com/p/36021.html