дисплей: нет; div не будет отображаться onchange()

У меня есть некоторые divs, которые установлены на display:none; и должны отображать onchange() меню select. Вот HTML в вопрос:дисплей: нет; div не будет отображаться onchange()

<p> 
     <label for="newsletter">Package</label> 
     <select id="package" name="package" onchange="formupdate();"> 
      <option value="individual">Individual</option> 
      <option value="couple">Couple</option> 
      <option value="family">Family</option> 
     </select> 
    </p> 
<div id="famnumdiv" style="display:none;"> 
    <p> 
     <label for="famnum">How Many Members?</label> 
     <input type="text" id="famnum" name="famnum"/> 
    </p> 
</div>

И тогда функция onChange():

function formupdate() { 
    var selectedPackage = document.getElementById("package").value; 
    if (selectedPackage == 'family') { 
     document.getElementByID('famnumdiv').style.display = "block"; 
    } 
}

Когда я выбираю Family из select, ничего не происходит. Есть идеи?

EDIT: изменено на if (selectedPackage == 'family') { и это все еще не показывает, что div

источник

2014-02-18 KingRichard

Хотя все эти ответы прямо об использовании '=' 'против ==' или '' ===, что условие оценивается как true, то есть в вашем коде есть другие (адресные) проблемы. –

Ошибка 'D',' d' и '=', '==', use: '(selectedPackage == 'family'? Famnumdiv.display = 'block': famnumdiv.display = 'none')' –

ваш второй getElementByID неверен попробовать это getElementById

Javascript чувствителен к регистру

источник

2014-02-18 09:13:29 EN20

Вы присваиваете selectedPackage дважды.

Третья строка должна быть:

if (selectedPackage == 'family') {

источник

2014-02-18 09:08:59 Phylogenesis

True , но не должно ли всегда иметь выражение 'selectedPackage = 'family''? в этом случае «famnumdiv» появлялся при каждом изменении ... Что заставляет меня думать, что оператор 'if' не является единственным вопросом – Mabedan

@Mabedan, вы правы. –

сделал это изменение, но он все еще не отображает div – KingRichard

попробуйте изменить код

function formupdate() { 
    var selectedPackage = document.getElementById("package").value; 
    if (selectedPackage == 'family') { 
     document.getElementByID('famnumdiv').style.display = "block"; 
    } 
}

Если вы используете selectedPackage = «семья» в, если заявление, то значение для selectedPackage получит набор для выступит с поправкой

источник

2014-02-18 09:09:31

использовать это, это делает равенство намного лучше

if (selectedPackage === 'family')

источник

2014-02-18 09:09:42

Вы назначаете family вместо selectedPackage вместо сравнения.

Кроме того, вы не выбрали выбранный вариант правильно.

var selectedPackage = document.getElementById("package"); 
selectedPackage = selectedPackage.options[selectedPackage.selectedIndex].value;

И вы не должны использовать встроенные js, добавьте eventListener.

var package = document.getElementById("package"); 
package.addEventListener("change",formupdate,false);

источник

2014-02-18 09:12:39

дисплей: нет; div не будет отображаться onchange()

ответ

Смежные вопросы