1

In Contact Form 7 I have created a dropdown with 3 options under it "Dallas" "Houston" "Austin" . I wrote this js code so that if I select Dallas then "Houston" "Austin" will hide. The rest of the options will work in the same way. But I am not able to insert the dropdown's shortcode

Here is the shortcode of my dropdown:- [condition]

I create this

<div id="dallas"><h1>Dallas city</h1></div> <div id="houston"><h1>Houston City</h1></div> <div id="austin"><h1>Austin City</h1></div> <script> const paragraphText = "dallas"; const dallasDiv = document.getElementById("dallas"); const houstonDiv = document.getElementById("houston"); const austinDiv = document.getElementById("austin"); if (paragraphText === "dallas") { dallasDiv.style.display = "block"; houstonDiv.style.display = "none"; austinDiv.style.display = "none"; sanantonioDiv.style.display = "none"; atlantaDiv.style.display = "none"; } else if (paragraphText === "houston") { dallasDiv.style.display = "none"; houstonDiv.style.display = "block"; austinDiv.style.display = "none"; sanantonioDiv.style.display = "none"; atlantaDiv.style.display = "none"; } else if (paragraphText === "austin"){ dallasDiv.style.display = "none"; houstonDiv.style.display = "none"; austinDiv.style.display = "block"; sanantonioDiv.style.display = "none"; atlantaDiv.style.display = "none"; } </script>
Improve this question

    0

    Reset to default

    Start asking to get answers

    Find the answer to your question by asking.

    Ask question

    Explore related questions

    See similar questions with these tags.