如何在页面刷新时使用javascript显示保存的字段 - JavaScript Rails4

Question

我是新来的Javascript和您的建议和帮助将不胜感激。

当选项 "only men"或 "only women"被选择场 "quantity"显示
• 当选项"both men & women"选择字段显示"quantity_men" & "quantity_women"
• 当我选择选项"both men & women"和字段"quantity_men" & "quantity_women"显示，当我写我的qunatity和保存并刷新页面的字段被隐藏

问题

• 的男性&妇女得救了，我如何避免当我刷新页面被隐藏的class= specific_gender_quantity_content数量。
• 我尝试下面的代码，但我不确定，因为我是新和你的帮助会非常赞赏

的意见/事件/ _form.html.erb

<%= f.association :category_quantitygender, collection: CategoryQuantitygender.all, prompt: "select a category", label: "Quantity Gender Selection" %> 
    <div class="general_gender_quantity_content"> 
     <%= f.input :quantity, placeholder: "quantity", label: false %> 
    </div> 
    <div class="specific_gender_quantity_content"> 
     <%= f.input :quantity_men, placeholder: "quantity men", label: "men" %> 
     <%= f.input :quantity_women, placeholder: "quantity women", label: "women" %> 
    </div> 

资产/ JavaScript的/ events_form .js文件

$(document).ready(function() { 
    $('.general_gender_quantity_content').hide(); 
    $('.specific_gender_quantity_content').hide(); 
    $('#social_category_quantitygender_id').change(function() { 
    if ($(this).val() == 3) { 
     $('.specific_gender_quantity_content').show(); 
     $('.general_gender_quantity_content').hide(); 
    } else if ($(this).val() == 1, 2) { 
     $('.general_gender_quantity_content').show(); 
     $('.specific_gender_quantity_content').hide(); 
    } 
    }); 
}); 

Answer 1

您可以获取所选值，然后根据所选值显示隐藏div。

$(document).ready(function() { 
var social_category_quantitygender_id = $('#social_category_quantitygender_id').val(); 
if (social_category_quantitygender_id == 3) { 
    $('.specific_gender_quantity_content').show(); 
} else if (social_category_quantitygender_id == 1, 2) { 
    $('.general_gender_quantity_content').show(); 
} else { 
    $('.general_gender_quantity_content').hide(); 
    $('.specific_gender_quantity_content').hide(); 
} 

}）;