javascript - 如何让javascript函数只在div中按类工作？

Question

有 HTML/javascript :

<section class="on">
    <select id="comboA" onchange="getComboA(this)">
        <option value="[xfvalue_monthprice1]">100</option>
        <option value="[xfvalue_monthprice2]">200</option>
        <option value="[xfvalue_monthprice3]">300</option>
        <option value="[xfvalue_monthprice5]">400</option>
    </select>

    <div id="prdiv">
        <p id="prid"></p>
    </div>
</section>

<script>
    function getComboA(sel) {
        var value = sel.value;  
        document.getElementById("prid").innerHTML = value;
    }
</script>

<小时/>

部分超过 2 个。该部分的“on”类是 dinamyc(开/关)。如何强制该函数仅在“on”类的部分中工作？

Answer 1

由于您已使用 jquery 标记了问题，因此您可以使用 jquery 仅将更改事件绑定(bind)到具有特定类名的元素。

随着类名动态变化，也需要使用委托(delegate)

$(document).on("change", "section.on select", function() {
    $("#prid").html($(this).val());
});