[英]How to Have a Select Option NOT Pre-Selected in a Rails Form
因此,我在Rails項目中構建了一個表單,並讓用戶選擇他們想要的工作台面類型(花崗岩,大理石等),然后他們可以選擇他們想要的相應花崗岩或大理石顏色。 我正在使用Image-Picker寶石顯示這些工作台面顏色,並且效果很好。 我遇到的唯一問題是每個“台面”顏色選項都有一種預先選擇的顏色。
我打算使用jQuery隱藏他們未選擇的材料的顏色選項。 因此,例如,如果用戶選擇花崗岩,他們將看不到大理石等列出的顏色選項。但是,由於每種類型的材料都有預先選擇的顏色,因此盡管存在僅選擇一種類型的材料。
這是我的Rails代碼:
<div id="countertype" class="form-group" align="left">
<%= f.label :countertype_id, "What type of countertop material do you need?" %></br>
<%= f.collection_select :countertype_id, Countertype.all, :id, :name, { :prompt => "Select Your Material" }, class: "input-sm" %>
</div>
<div id="granitecolor" align="left" class="form-group">
<%= f.label :granitecolor_id, "What granite color pattern do you want?" %></br>
<%= f.select :granitecolor_id, options_for_select(@granitecolors.map{ |g| [g.name, g.id, {'data-img-src'=>g.url}] }) %>
</div>
<div id="marblecolor" align="left" class="form-group">
<%= f.label :marblecolor_id, "What marble color pattern do you want?" %></br>
<%= f.select :marblecolor_id, options_for_select(@marblecolors.map{ |m| [m.name, m.id, {'data-img-src'=>m.url}] }) %>
</div>
然后,我使用此jQuery調用“圖像選擇器”功能。
$(document).ready(function(){
$("select:not(#countertop_countertype_id)").imagepicker({
show_label: true,
clicked:function(){
console.log($(this).find("option[value='" + $(this).val() + "']").data('img-src'));
}
});
});
從屏幕截圖中可以看到,每種材料顏色都已預先選擇了第一個選項。
理想情況下,我希望這些是多個選擇選項,並且都不希望它們被預先選擇。
任何方向都會有很大幫助。 謝謝!
想通了。 我使用jQuery在選項值上調用值“ 0”。
$('#div').val('0');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.