Develop Reference

Display in select input the terms of previously selected Post

I am using Wordpress and elementor.
Structure is as below :
CPT named "company"
Custom taxonomy named "Sector" where: parent terms are considered as sectors
and child terms are considered as services
I need to create a multistep form :
Step 1 : select input with list of all companies (list of CPT posts)
Step 2 : select input with list of all sectors related to previously
selected company (List of parent taxonomies assigned to selected
post). Once selected, a second select input to select child terms assigned to parent that is assigned to post selected.
I must use Elementor form + dynamic.ooo. I am able to pull CPT posts in a select input but need help for step 2.
I have a possibility to use PHP or shortcodes in the select input value with dynamic.ooo to list whatever i want and i guess with some JS and PHP and a little help from you guys i will be able to do this correctly.
Thank you so much!

cascading drop-down list in AngularJS

I have created three dropdown buttons and want to populate them on the basis of selection from previous button.The data is in an object array as below:
[{"LINK":"B_LINK_01","NAME":"name-04","TYPE":"BB"},{"LINK":"A_LINK_01","NAME":"name-01","TYPE":"BB"},{"LINK":"C_LINK_01","NAME":"name-03","TYPE":"AA"},{"LINK":"C_LINK_05","NAME":"name-04","TYPE":"BB"}]
First drop-down should contain all unique TYPE values. When one of the TYPE is selected, the second drop-down should populate with all the unique NAME values corresponding to TYPE. When NAME is selected from second drop-down then the third drop-down should populate with all corresponding LINK values. For ex: The first dd should show BB, AA in the list. if I select BB then second drop-down should populate with name-04 and name-01. Next, if I select name-04 then the third drop-down should populate with B_LINK_01 and C_LINK_05.
P.S. I have referred multiple tutorials and SO threads but did not find a solution relevant to the object array I have. Any help in Angular JS will be appreciated

Dynatable.js - generate select dropdown filter from values in table

I'm currently using dynatable.js to generate a searchable/sortable table from a JSON file. Sorting and searching is working so far. However, as far as I can tell/find, a select dropdown for filtering must have the options manually created in the HTML of the table. I need to instead generate the options for the filter from the specific column.
Example:
The Gender column should be filter able by male and female. This example is fine to add the options directly in HTML as they will be the only options to exist. However, the 'course' column will change over time as courses are added and removed and fed to the table via ajax. The filter options for the column should be generated by the available values in the column.
Is this possible with dynatable as a feature? If not (I can't find it anywhere), how can this select dropdown by generated from the array being used to populate the column.

Display dynamic items on page after initial page load

I am using ASP.Net mvc to render my html view.
The view contains a dropdown list and a label
I load drop down list using a collection in my view model.
Lets say that the collection is called fruit
IList<Fruit> fruit
Fruit is defined as
FruitId
Name
FruitType
The dropdown list will display each Fruit name and have a value of FruitId
When I change the value of the drop down list I want to have the value of my label display FruitType.
I can think of a couple ways of doing this:
Write out Label tags for all values of FruitType. Give a css class to display the first one on load and add javascript to show/hide labels in the select onchange event
Provide json array of Fruit in the html somewhere (I would serialise the Fruit list on page load and put the resulting script on the page somewhere). I would add javascript to the onchnage event of the select to search the json and change the label value accordingly.
I have 2 questions:
Am I missing something obvious, could this be done in a better way?
If no 2 is a good idea, where should I put the json in the html so that the js can use it?

Another approach is that when you generate the dropdown list, include a data-attribute, say data-fruit-type where you store the FruitType, then when the dropdown value changes, just read the data-fruit-type attribute from the selected item.

jqGrid Form Editing with drop downs - how to set initial value

i have an object with 3 values
ID
Abbreviation
Description
in the jqGrid I set the grid up to display the Abbreviation.
when I click to edit (using the Form Edit feature) I fill the drop down with the ID/Description combination of values via the edit options:
editoptions: { value: "ID1:Description1;ID2:Description2;...;IDN:DescriptionN" }
how can I easily set the selected value in the drop down list, when all I have available to me in the grid is the Abbreviation?

jqGrid will default a select list to the value in the grid if it can find it, though this obviously doesn't help in your case because the only data jqGrid has to work with is the abbreviation and it's trying to match it to the ID in your select list.
I think the only way you can do this is to include the ID in your grid's colModel as a hidden field. Something like
{name:'ID', hidden:true...}
Then to set the select list to the proper item you need to hook into the beforeShowForm event and use the hidden ID from the currently selected row to set which of your select options is selected by default.
Good luck!

There's an example buried in the jqGrid forums, you can set the DataURL tag to a text file that contains a select statement. Since it accepts a well formatted select you should be able to set a default.