Question

我正在寻找一个特别针对 select 元素的JS函数，除了第一个选项之外，只要选择任何选项就可以隐藏相关标签。以下是我使用的HTML

HTML

<label for="ABC">LABEL</label>

<select id="ABC">
    <option value="None"> </option>
    <option value="temp1"> Temp1 </option>
    <option value="temp2"> Temp2 </option>
</select>

Answer 1

这就是我基于prototype.js

的方法

<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">
    function selectOption(elm) {
        elm = $(elm);
        var targets = $$("label[for=" + elm.id + "]");
        if (targets && targets.length > 0) {
            var label = targets[0];
            label.hide();
            elm.disabled = true;
        }
    }
</script>

<select id="ABC" onchange="selectOption(this);">
    <option value="None"> </option>
    <option value="temp1"> Temp1 </option>
    <option value="temp2"> Temp2 </option>
</select>

注意$$函数，这是在页面中查找元素的简单方法。如果你使用jQuery，会有其他函数做同样的事情。 和原型的官方网站：http://prototypejs.org/

JS函数在用户选择选项时立即隐藏标签

1 个答案: