Living Will Hide Option Field For Free

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

You can't do this directly by Google Forms but you can work around:Create the google form containing the hidden field.Insert the following code into the default Code.gs file.Create a new index.Make the input field hidden by adding style="display:none" to its enclosing <div>More items...?May 14, 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.

In the form builder, when the field is not selected, you should see that it is grayed out....Here are the steps:Select the field, and click its Properties option.Click the Advanced tab.Scroll in the Advanced tab window, and you should be able to see the Hide Field button. Toggle it to ON to hide the field.Nov 25, 2021

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...

You can switch it off by going to Edit - Prefs. - Forms, and tick off "Showborder hover color for fields".

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.