Extend Plugin Function

  • > Hey morgyface,
    >
    > Just want to thank you very much because your solution helped me a lot to solve a problem of connection between TablePress and ContactForm7. Thanks to your example and to some string concatenation in php I was able to solve it, and now I am happy ??
    > Regards,
    > Daniele

    Hi. I am also working with TablePress and Contact form 7 on a website. I want to make a form with contact form 7 with about 3 different select options. The first select option is quite easy to create, but, I want to populate options for the second select option from whichever answer they select on the first dropdown option on the form and then the answer on the second dropdown select option will determine what will populate the third select option, could you be kind enough to help on how to achieve this?

    Here is an illustration of what I am trying to say:

    First Select Option:
    Question: YOU ARE ON WHAT CONTINENT?
    Option 1: ASIA
    Option 2: AFRICA
    Option 3: SOUTH AMERICA…..

    Second Select Option:
    Question: YOU ARE IN WHAT COUNTRY?
    OPTIONS WILL BE POPULATED BASED ON CONTINENT THAT WAS SELECTED ABOVE; For example, I selected AFRICA above, then the select option for countries will be based on countries in Africa… e.g: Nigeria, Ghana… etc

    Third Select Option:
    Question: YOU RESIDE IN WHAT STATE?
    OPTIONS WILL BE POPULATED BASED ON COUNTRY SELECTED IN SELECT OPTION 2 (It will list the states in the country selected)

Viewing 1 replies (of 1 total)

  • hi @webtranquility,
    what you want to do is possible, just create all the select and hide them, and show them only when the right value is selected. taking your example:

    select1: what state do you live in?
    select:2 europe (hidden)
    select3: africa (hidden)
    select4: asia (hidden)
    …

    on select 1 change, the select 3 become visible

    —

    Another way would be to have the select step 2 and step 3 empty and fill them only after the user has selected step 1

    something like that to add the options to selects

    var el = document.createElement("option");
el.textContent = "xyz";
el.value = "123";
select.appendChild(el);
Viewing 1 replies (of 1 total)
  • The topic ‘Extend Plugin Function’ is closed to new replies.