私がやりたいことは、最初にコンボの種類 (3 アイテムのコンボまたは 2 アイテムのコンボ) を選択するようにユーザーに依頼し、次に 2 番目の選択でアイテムをピックアップするように依頼することです。したがって、2 番目の選択は複数選択であり、ユーザーは 2 つまたは 3 つの項目を選択できます。
オプション複数でselect2を使用しています。しかし、うまくいきませんでした。要素にアタッチされている場合、Select2 に対してOption 'multiple' は許可されていません。select2でこれを機能させるのを手伝ってくれる人はいますか?
<script type="text/javascript">
$(document).ready(function() {
$('select#box_name').change(function() {
var dish_id = $(this).find('option:selected').val();
$.read(
'/dishes/{dish_id}/get_assoc_items.json',
{ dish_id: dish_id },
function (data) {
var options = ''
$.each(data, function(idx, item) {
options = options + '<option value="'+item.id+'">'+item.name+'</option>'
});
var select = $('select#box_assoc_items')
$('option', select).remove();
select.append(options);
}
);
});
});
$(document).ready(function() {
$('select#box_assoc_items').select2({
placeholder: 'choose items',
multiple: true
});
});
</script>
<%= simple_form_for([@restaurant, @order, @box]) do |f| %>
<%= f.input :name, :collection => @dishes %>
<%= f.input :assoc_items, :collection => [[]], :input_html => {:maxlength => 2, :style => 'width:400px'} %>
<%= f.input :price %>
<%= bootstrap_button(f, "Add a dish") %>
<% end %>