javascript - 用户选择选项后立即隐藏标签的 JS 功能

Question

我正在寻找一个 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，会有其他函数做同样的事情。 以及prototype官网：http: //prototypejs.org/