javascript show text input field

Question

I am using the following coding in a website I am building but rather than the text input field showing if one option is selected, I need it show if the user selects other options as well?

for example oit currently shows the text input field if the user selects option 2 from the select menu but need to show as well if the user selects option 4 in the select menu, below is my jfiddle code so far

it currently shows the extra text input fields when Domestic+ is selected in the select menu but need the text input fields to show as well when Commercial is selected within the dropdown menu

I found something similar on stackoverflow, see link below

<http://stackoverflow.com/questions/21007591/using-jquery-to-hide-form-elements-based-on-selected-dropdown-option/33055467#33055467>

<http://jsfiddle.net/gxxkdz2m/2/>

Thank you in advance

Ian

Your jsfiddle code was broken so I fixed it. Please update your link to jsfiddle.net/www139/gxxkdz2m/3 — www139
– www139, Commented Oct 10, 2015 at 15:52

jschwuchow · Accepted Answer · 2015-10-10 17:51:02Z

-1

Is this what you mean? I added comments explaining the code where I changed it.

$(document).ready(function () {
  $('#support select[name="support_plans"]').change(function () {
    // get selected plan value
    var plan = $('#support select[name="support_plans"] option:selected').val();
    // check whether 'Domestic+' or 'Commercial+' is selected
    if (plan == 'Domestic+' || plan =='Commercial+') {
          $('#extra').show();
      } else {
          $('#extra').hide();
      }
  });
});

Fiddle of my Version (updated your fiddle).

http://jsfiddle.net/gxxkdz2m/4/

edited Oct 10, 2015 at 17:51

answered Oct 10, 2015 at 17:38

jschwuchow

12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Thomas Over a year ago

And how does that code work? How does it solve the problem?

jschwuchow Over a year ago

I don't know if it solves the problem, that's why i asked. Added comments where I changed the original code to explain the changes.

Blodnatt · Accepted Answer · 2015-10-10 15:51:12Z

-2

use this javascript code:

$(document).ready(function () {
  $('#support select[name="support_plans"]').change(function () {
    if ($('#support select[name="support_plans"] option:selected').val() == 'Domestic+') {
        $('#extra').css('display', 'inline');
    } else {
        $('#extra').css('display', 'none');
    }
  });

});

answered Oct 10, 2015 at 15:51

Blodnatt

315 bronze badges

1 Comment

David Thomas Over a year ago

Explain that "JavaScript code" that way the op and others in future might learn something about how and why your answer works, and what problems it fixes in the original code, whatever that might be.

Collectives™ on Stack Overflow

javascript show text input field

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related