如果选择选项值，如何在opencart 2.0中显示class或id函数？

Question

<div class="form-group required">
    <label class="col-sm-2 control-label" for="input-name">Type</label>
    <div class="col-sm-10">
        <select name="name" id="input-name" class="form-control">
            <option value="image" selected="selected">image</option>
            <option value="text">text</option>
        </select>
    </div>
</div>

我正在使用此代码。在这些中如果我选择仅显示选项图像

<div class="function1">Function1</div> 

如果选择选项文本仅显示

<div class="function2">Function2</div>

任何人请帮帮我。

Answer 1

Opencart 2包含了jQuery。假设已经隐藏了类function1和function2的div，您将拥有：

$('#input-name').change(function(){
    if($(this).val() == 'image') {
        $('.function1').show();
        $('.function2').hide();
    }
    else if($(this).val() == 'text') {
        $('.function2').show();
        $('.function1').hide();
    }
});