显示或隐藏表单元素

我有一个html表单 – 在那个文本字段上

 

在年龄的价值,我必须显示这个元素像 –

  Yes No  

如果年龄> 18岁,那么已婚领域将被显示形成否则隐藏它。这个年龄> 18岁的条件存储在数据库中。随着年龄的变化,结婚领域切换(显示/隐藏)。 我怎么能用javascript / jquery做。请指教。

有关更多信息,所有这些字段都是动态生成的。所以我想添加onchange =“somefuction(condition);” 当条件满足时,在创建然后查找字段时显示年龄,也在DB中。

要么

我认为一个解决方案是 –
在这种情况下结婚的领域将寻找年龄变化的价值。然后结婚将隐藏/展示自己。但问题是,如何结婚观​​察年龄领域或调用javascriptfunction。
很抱歉没有解释完整的问题。

将id =“married”添加到select并使用类似的东西。

 $("#txt_age").blur(function() { if(parseInt($(this).val() > 18) { $("#married").show(); } else { $("#married").hide(); } }); 

试试这个并注意

  • 避免id =“txt_age”之间的空格

rest这应该有帮助:

 var $foo = $('select[name="married"]'); $foo.hide(); // in start always hide $('#txt_age').on('blur', function() { if(parseInt(this.value)>18){ $foo.hide(); } else { $foo.show(); } }); 

更新:我从来没有在ruby rails上工作过。 但我认为您可以从数据库中获取值并在隐藏字段中设置该值。

一旦设置了hiddenfield值,将jQuery更改为,

 $(document).ready(function(){ $("#txt_age").focusout(function() { if(parseInt($("#txt_age").val())>parseInt($("#hiddenfield_id").val())) { $("#married").show(); } else { $("#married").hide(); } }); }); 

不要忘记将修改