如何检查禁用的select元素,我想通过检查来改变disabled元素的不透明度

时间:2017-01-13 10:43:52

标签: javascript jquery html css magento-1.9

$_product    = $this->getProduct();
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes());
?>
<?php if ($_product->isSaleable() && count($_attributes)):?>
<dl>
<?php foreach($_attributes as $_attribute): ?>
    <dt><label class="required"><em>*</em><?php echo Mage::helper('catalog')->__($_attribute->getLabel()) ?></label></dt>
    <dd <?php if ($_attribute->decoratedIsLast){?> class="last"<?php }?>>
        <div class="input-box">
            <select name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]" id="attribute<?php echo $_attribute->getAttributeId() ?>" class="required-entry super-attribute-select">
                <option><?php echo $this->__('Choose an Option...') ?></option>
              </select>
          </div>
    </dd>
    <?php endforeach; ?>
  </dl>
 <script type="text/javascript">
    var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>,   <?php echo $this->getProductsStockStatus()?>);
    var ProChildData = <?php echo $this->getProductsStockStatus()?>;
   </script>

这是一个模板的代码,当没有通过外部js选择图像时,将应用隐藏。 我想检查它,然后想要在disabled元素中添加不透明度,直到没有启用选项。 谢谢你提前。随意给出建议devs.Every的建议对我有价值。

2 个答案:

答案 0 :(得分:0)

使用css syle。你可以这样做。

select option:disabled{
    opacity: 0;
 }

对于slelect元素

select:disabled{
    opacity: 0;
}

答案 1 :(得分:0)

您可以根据需要禁用它,然后在提交表单之前删除disabled属性。

$('#myForm').submit(function() {
    $('select').removeAttr('disabled');
});

请注意,如果您依赖此方法,您也希望以编程方式禁用它,因为如果禁用或不支持JS,您将无法使用禁用的选择。

$(document).ready(function() {
    $('select').attr('disabled', 'disabled');
});