I need help with popup in Text field which allows me to select

Hi Team,

I need help with popup in Text field which allows me to select values from list.

below form I am trying to use popup in selection field and use in it.

https://www.jotform.com/build/80067917185160

For this, you would normally use JavaScript.

CSS is not designed for this purpose. However, let me try and improvise something.

I was able to make a popup open and close using only CSS code but this is definitely not the way popups work.

DEMO: https://form.jotform.com/80213283714955

I suggest you download the full source code of your form and customize it for your needs.

Your answer was not helpful Adrian, you did not show the CSS code.

I pasted the form demo URL so you could copy my form and see how it was implemented.

Please see the following articles on how to clone a form and how to inject custom CSS.

How to Clone an Existing Form from a URL

How to Inject Custom CSS Codes

There is also a complete guide on adding a popup to your form.

How to Add a Pop-Up Modal on your Form

Let us know if you need further help.

hi Adrian,

   thx for your help, but I need to show multiple selection in "hey there!" and select the value and replace it with "Open Pop-Up".

for ex. her I have edited with "hey there1","hey there2","hey there3".

https://www.jotform.com/build/80417308485156#close

so when I click on "hey there2", I need it come over to new text value or same text value.

I see that you added some option in form https://form.jotform.com/80213283714955# but did not get how you added those.

Here is a screencast that should clarify that:

It is a CSS that controls how the dropdown will show, and you place the options in the drop-down in a regular way.

The pop-up link will just target the ID of the drop-down.

Let us know how it worked and if you need any assistance.

Thank you!

how can I capture the value and place it back in text.

I'm sorry, but not sure if I understand the question. Do you want to copy the selected value from the dropdown to a text field? If yes, just get the name of the dropdown, and put it in the text block.

Example:

{dropdown8}

Put this in the text field as (by clicking the "Form Fields" option in the text block):

Here's a demo for you to check this method: https://form.jotform.com/80555196735970.

I hope that helps.