Advice on Creating Dynamic Multi-Selection HTML5 Form - javascript

I am trying to create a webpage (interactive form) that as the user selects drop-downs or checks radio boxes, it dynamically changes the following lists or selections and does this for a series of selections until the form is completed. Then as the form is completed, it gives the user the option to display the completed form as a PDF to save or view.
For example, from a dropdown labeled "things" containing; pets, clothes, cars. A user selects "pets", and a new drop-down field populates labeled "type of pets" with only a selectable list; dogs, cats, birds. A user selects "dogs" and, and a new drop-down field populates labeled "type of dogs" with only a selectable list; bulldog, terrier, retriever. And so on... Then, when the form is completed, an option to save or populate as a PDF.
I am not well versed in web-form terminology, so I am not sure what this type of form is called to research. Can anyone point me in the right direction?
Thank you.

Related

surveyjs radiobutton load saved values does not highlight radiobutton

I have a survey which has radio group for user to select value. However, when I load the saved the json. The radio group does highlight the radio button. For example, I have choose 4 as the answer. When the save documents is loaded, it only show the 4th button with darker color but not
with the selected button highlighted. What is the problem?
This is maybe conflict of css styles of different packages. Please, share live sample with the issue for more information

Angular Radio Button not checked on page load/click

I am having trouble with a radio button in angular. When the page loads I click on the radio and I want it to be selected with the current employee's team.
I am having trouble with a radio button in angular. When the page loads/ I click the radio I want it to be selected with the current employee's team. Right now it does not select at all unless you press it twice. Any help would be GREATLY appreciated!
I am writing a feature where there is a button dropdown menu with a list of teams. As an employee I can belong to one team only. When I click the button dropdown I want to see the radio button selected that is next to the team I belong to. I won't know for sure how many teams there will be, so I'm not able to hard code it. I've tried different things with ngValue, ngChecked, ngInit with no success.
This code snippet is inside of a ngRepeat for employee in employees.
html code is here: http://jsbin.com/wasihecave/edit?html
employee.team is an id (ex: "1a2b3c4d")
team.id would be the same (ex: "1a2b3c4d")
employee.profile_uid is an id in the same format but a different id.

Classic ASP conditional database driven drop down menu

I know what I want to do but don't know how to do it. I've got a database of doctors and when filling out a form, want the second drop down list to automatically be populated based on the first choice.
So let's say I select "Primary Care Doctor" (this is dynamic from the database, I have that part figured out).
The second drop down list would automatically populate from the database where all the specialties are "Primary Care Doctor"
I've attached the code I have so far as well as the database structure.
I have an access database named physicians.mdb the table that the physicians are being pulled from is table. The fields are: physician and specialty (there's also an ID field that's the primary key).
Can't see your attachment but basically you want a query to load the second combo box like SELECT DISTINCT * FROM [Physicians] WHERE [SPECIALITY]='Primary Care Dcotor'. See how you go from there, or give us more details.

Change options for a field in crud or sqlform on basis of another

I am creating a contact details application. I want to provide users with a form with fields of city and state. I want city field to have drop down options(similar to what one gets in SQLFORM for fields with IS_IN_SET(...) validators). The state field gets populated on selection of a city if for that named city, only one state exists(without form submission). If more than two states have the same city, then a drop down list should appear. Is there any shortcut method available for that in web2py like ajax or jquery?
These options should get you on the right track:
Lazy options widget
Cascading Drop Down Lists
Cascading Select Based on Python Lists
Cascading Drop Down Lists with Ajax

Drop down box in form with a button to add a second copy of drop down box

I have a simple form that lists user names and for each user, the form displays a drop down box with a list of items that can be assigned to the user. Since it is often necessary to assign multiple items to a user, I need to display a button next to the drop down that says "add another item" which automatically inserts another an identical drop down box below the first one and preserves the selected option in the original drop down box.
You might be thinking - why not just display a series of radio buttons or checkboxes? Can't do that for two reasons, 1) the list of items is too long and 2) there are times when I need to assign the same item to a user twice.
I know this "add another item" button can be done in Javascript, I just don't know the code.
Here's an example of what I need to do (not working because there is no onClick function yet).
http://www.dropthechalk.org/sampleform.html
This has nothing to do with dynamically populating the items in the drop down box, so I've found it hard to search for solutions. Any help or links to resources much appreciated!
Here is a tutorial that I did a while ago on dynamically adding input elements via JavaScript. This should be a good starting point.

Categories

Resources