On my 'Apply Online' form (http://app.formassembly.com/forms/view/95503) I'm floating one fieldset left and another right. However, they are not floating correctly because of the width of the date of birth menus. The menus would be thinner if the first select option 'Please select...' was not there.
Is there an easy way to remove those select options?
The only way to remove the option would be by some custom javascript code added to remove that option from all the option sets. If you'd like, I'll see if the developers can't write that up for you.
Take a look at this one: http://app.formassembly.com/forms/view/105270
In order to make this work, you need to create your page, save it, then get the IDs of the picklist and the options you wish to fix by looking at the generated code. You will see in my example I have the IDs of my 2 picklist and the option in my second picklist I wish to set the second Picklist to when the page loads. Understand, this example only works when the page loads, not when something is clicked. Currently FormAssembly does not support onclick changing a picklist to a certain value. Hopefully that will be available in the future.
This is the javascript I used to do this: <script type="text/javascript"> function removeOption1() //removes "Please Select..." from the first Picklist { var x=document.getElementById("tfa_Picklist1"); x.remove(x.selectedIndex); } </script>
<script type="text/javascript"> function setdefault1() //sets the second Picklist to Choice B { document.getElementById("tfa_Picklist2").value="tfa_ChoiceB1"; } </script>
<script type="text/javascript"> function fixselect() { removeOption1(); setdefault1(); } </script>
There is a much simpler fix, if you're using the embed codes. Just delete the following from your embed code: <option value="">Please select...</option>
This is one very nice advantage of FormAssembly-- the embed code is not a script, it's actual html that you can edit.