Поле ввода текста ввода javascript

Question

Я использую следующую кодировку на веб-сайте, который я создаю, но вместо поля ввода текста, показывающего, выбран ли один из параметров, мне нужно, чтобы он показывал, выбирает ли пользователь другие параметры?

, например ОИТ отображает поле ввода текста, если пользователь выбирает опцию 2 из выпадающего меню, но нужно показать, а если пользователь выбирает опцию 4 в меню выбора, ниже мой jfiddle код до сих пор

он отображает дополнительные поля ввода текста, когда внутренние + выбран в меню выбора, но нужны поля ввода текста, чтобы показать, как хорошо, когда коммерческий выбран в раскрывающемся меню

я нашел что-то похожее на StackOverflow, смотрите ссылку ниже

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

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

Спасибо заранее

Яну

Answer 1

использовать этот яваскрипт кода:

$(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'); 
    } 
    }); 

});

Answer 2

Это вы имеете в виду? Я добавил комментарии, объясняющие код, в котором я его изменил.

$(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(); 
     } 
    }); 
}); 

Скриншот моей версии (обновлена ​​ваша скрипка).

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