#javascript #php #html #jquery #css
Вопрос:
function hideStock(){ var selected = document.getElementById("stk"); var hidden = document.getElementById("pa_color"); if (selected.onchange=="stock") { hidden.style.display = "none"; } } lt;table class="variations" cellspacing="0"gt; lt;tbodygt; lt;trgt; lt;td class="label"gt;lt;label for="pa_pricing"gt;Pricinglt;/labelgt;lt;/tdgt; lt;td class="value"gt; lt;select id="pa_pricing" class="" name="attribute_pa_pricing" data-attribute_name="attribute_pa_pricing" data-show_option_none="yes" onchange= "getSelectValue(this.value);"gt; lt;option value=""gt;Choose an optionlt;/optiongt; lt;option value="retail" gt;Retaillt;/optiongt; lt;option value="stock" id = "stk" gt;Stocklt;/optiongt; lt;/selectgt; lt;/tdgt; lt;/trgt; lt;trgt; lt;td class="label"gt;lt;label for="pa_color"gt;Colorlt;/labelgt;lt;/tdgt; lt;td class="value"gt; lt;select id="pa_color" class=" " name="attribute_pa_color" data-attribute_name="attribute_pa_color" data-show_option_none="yes"gt; lt;option value="" gt;Choose an optionlt;/optiongt; lt;option value="aqua" gt;Aqualt;/optiongt; lt;option value="black" gt;Blacklt;/optiongt; lt;option value="mixed" gt;Mixedlt;/optiongt; lt;/selectgt; lt;a class="reset_variations" href="#"gt;Clearlt;/agt; lt;/tdgt; lt;/trgt; lt;/tbodygt; lt;/tablegt; этот html-код представляет собой небольшую часть из магазина woocommerce , который я делаю прямо сейчас, и у него есть атрибут продукта, один из которых предназначен для цены (розничная торговля, акции), другой-для цвета
Ответ №1:
попробовать это:
var selected = document.getElementById("stk"); var hidden = document.getElementById("pa_color"); selected.addEventListener('change', _ =gt; { if (selected.value == "stock") { hidden.style.display = "none"; } }