Nda Hide Conditional Fields For Free

You have to implement two methods for hiding. display: none works for FF, but not Chrome or IE. So the second method is wrapping the <option> in a <span> with display: none . FF won't do it (technically invalid HTML, per the spec) but Chrome and IE will and it will hide the option.

Hide columnsSelect one or more columns, and then press Ctrl to select additional columns that aren't adjacent.Right-click the selected columns, and then select Hide.

If you dont want to show states first then hide them 'display:none' Vitorino fernandes. Oct 8 '14 at .<div id="states" style="display:none"> u_mulder. Oct 8 '14 at .you can also use jquery add this before on click event $("#states").hide(); Vitorino fernandes. Oct 8 '14 at .Oct 8, 2014

6 Answers$('this') should be $(this) : there is no need for the quotes inside the paranthesis.use .val() instead of .value() when you want to retrieve the value of an option.when u initialize "selection" do it with a var in front of it, unless you already have done it at the beggining of the function.Sep 9, 2016

The Javascript uses jQuery to change the DOM depending on the selections made. Essentially, depending on the conditions of a field answer, you can bulk turn show/hide other components of the form. For validation purposes, some extra attributes are changed depending on the selection.

1. Click on Settings >> Conditions >> Show/Hide Field. 2. In order to show/hide multiple fields, select Show Multiple or Hide Multiple on the Do dropdown list then select the fields you want to show or hide by holding Ctrl key on your keyboard.

JS$("#seeAnotherField"). change(function() {if ($(this). val() == "yes") {$('#otherFieldDiv'). show();$('#otherField'). attr('required', '');$('#otherField'). attr('data-error', 'This field is required.');} else {$('#otherFieldDiv'). hide();$('#otherField'). removeAttr('required');More items...