jquery - Drop down menu to display and hide input fields -

-

I am trying to create a form where a user selects his preferred method of contact and only for that method Required / visible, therefore the email and phone input fields are hidden initially, when they select a phone or email, then only that field is displayed below.

& lt; Script & gt; $ ('# Contact-method') Change (function () {var selected_item = $ (this) .val () if (select_item == "email") {$ ('# email'). Val ("") .removeClass ('hidden'); $ ("#"). Val (""). RemoveClass ('required');} if (selected_tym == "phone") {$ ('# phone'). Val ("") .removeClass ('hidden' ); $ ('# Email'). Val (""). RemoveClass ('Required');} and {$ ('# Phone'). Val (selected_item) .addClass 'hidden'); $ ('# Email'). Val (selected_item) .addClass ('hidden');}}); & Lt; / Script & gt; & Lt; Label & gt; Contact's preferred method? & Lt; / Labels & gt; & Lt; Select name = "contact-method" class = "selection field" id = "contact-method" & gt; & Lt; Option value = "" & gt; Please select ... & lt; / Options & gt; & Lt; Option value = "phone" & gt; Phone & lt; / Options & gt; & Lt; Option value = "email" & gt; E-mail & lt; / Options & gt; & Lt; / Select & gt; & Lt; Input type = 'text' id = "phone" placeholder = "phone" class = "hidden required" /> & Lt; Input type = 'text' id = "email" placeholder = "e-mail" class = "hidden required" /> & Lt; Input name = "contact" type = "submit" class = "submit" id = "contactus" value = "submit" />

You made some mistakes in your javascript, below I have posted correctly JS

First you have forgotten to add else after the second if statement; secondly, you have to add the selected class to the non-selected option that it One option will hide while showing the other. 

  $ ('# contact-method'). Change (function () {var selected_item = $ (this) .val () if (Val ("#"). $ ('# Email'). Val (""). RemoveClass ('hidden'); $ (' Val (selected_item) .addClass ('hidden'); $ ('#phone'). Val (""). RemoveClass ('required');} and if (selected_item == "phone") { $ ('# Phone'). Val (""). RemoveClass ('' hidden '' ('' '' '). $ (' # Email ') .le (selected_tem) .addClass (' hidden '); $ ('# Email'). Val (""). RemoveClass ('required');} and {$ ('Val (selected_item) .addClass (' hidden '); $ (' # email '). Val (Selected_item) ) AddClass ('hidden');}});

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more