/ / jquery oculta o rótulo e o texto chamado do DB - jquery, ruby-on-rails-3

jquery esconde rótulo e texto que chamam do DB - jquery, ruby-on-rails-3

eu tenho um problema em ocultar rótulo e dados quemostrado no banco de dados após a seleção. Como na minha tabela, eu tenho muitas colunas; portanto, se eu chamar todas elas, haverá muitos dados nulos. Para evitar os dados nulos, quero ocultá-los quando exibir dados.

show.html.erb

<p>
<b>Category:</b>
<%= @combine.master.category if @combine.master %>
</p>

<p id="type">
<b>Type:</b>
<%= @combine.type %>
</p>

<p id="project">
<b>Project name:</b>
<%= @combine.project_name %>
</p>

<p id="unit">
<b>Unit no:</b>
<%= @combine.unit_no %>
</p>

<p id="block">
<b>Block no:</b>
<%= @combine.block_no %>
</p>

<p>
<b>Road name:</b>
<%= @combine.road_name %>
</p>

<p>
<b>Level:</b>
<%= @combine.level %>
</p>

<p>
<b>Facing:</b>
<%= @combine.facing %>
</p>

<p>
<b id="tc">Size:</b>
<%= @combine.size %>
</p>

<p id="value">
<b>Value:</b>
<%= @combine.value %>
</p>

<p id="match">
<b>Match bank:</b>
<%= @combine.match_bank %>
</p>

<p>
<b>Asking:</b>
<%= @combine.asking %>
</p>

JQuery

$(document).ready(function(){
if ($("#combine_category_id").val() == 1){
$("#type").hide();
$("#block").show();
$("#level").show();
$("#tc").text("Size");
$("#value").hide();
$("#project").show();
$("#unit").hide();
$("#match").show();
}
else if ($("#combine_category_id").val() == 3){
$("#type").hide();
$("#block").hide();
$("#road").show();
$("#level").hide();
$("#facing").show();
$("#size").show();
$("#tc").text("Land size");
$("#value").hide();
$("#asking").show();
$("#project").hide();
$("#unit").show();
$("#match").show();
}
else if ($("#combine_category_id").val() == 2){
$("#type").show();
$("#block").show();
$("#road").show();
$("#level").show();
$("#facing").show();
$("#size").show();
$("#tc").text("Size");
$("#value").show();
$("#asking").show();
$("#project").hide();
$("#unit").hide();
$("#match").hide();
}
});

Espero que alguém possa me ajudar a resolver este problema
Muito obrigado :)

Respostas:

1 para resposta № 1

Você realmente precisa de javascript para isso?

Que tal fazer algo como:

<%- unless @combine.type.blank? %>
<p>
<b>Type:</b>
<%= @combine.type %>
</p>
<%- end %>

E assim por diante para o resto dos campos? Você também pode escrever uma iteração para evitar a gravação de código repetitivo:

<%- %w(type project unit block road_lavel name facing).each do |col| %>
<%- unless @combine.send(col).blank? %>
<p>
<b><%= col.humanize %>:</b>
<%= @combine.send(col) %>
</p>
<%- end %>
<%- end %>

ou colocar esse código em um auxiliar também