Question

我需要检测selectbox的变化（Joomla表单字段 - 列表），但Joomla经典html选择更改为Joomla样式并隐藏html命令。当我在selectbox中更改项目时，jQuery没有检测到此更改。

    <div class="controls">
        <select aria-required="true" required="required" size="40" class="required chzn-done" name="jform[id_voucher_type]" id="jform_id_voucher_type" style="display: none;">
            <option value="1">Jednorázový</option>
            <option value="2">Opakovatelný</option>
        </select>
        <div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 220px;" title="" id="jform_id_voucher_type_chzn">
            <a tabindex="-1" class="chzn-single"><span>Opakovatelný</span><div><b></b></div></a>
            <div class="chzn-drop"><div class="chzn-search"><input type="text" autocomplete="off" readonly=""></div>
            <ul class="chzn-results">
                <li data-option-array-index="0" style="" class="active-result">Jednorázový</li>
                <li data-option-array-index="1" style="" class="active-result result-selected">Opakovatelný</li>
            </ul>
        </div>
    </div>

我尝试了一些方法来设置监听器，但没有任何工作。

    jQuery("#form_id_voucher_type").change(function() {
        alert("yeah");
    })

有没有办法检测用户是否更改了选择框项目？

谢谢

Answer 1

ID选择器不正确，是jform_id_voucher_type还是form_id_voucher_type没有j，请尝试以下操作：

jQuery(".controls").on("change", "#jform_id_voucher_type", function() {
    alert("yeah");
});

如何使用jQuery检测Joomla中的selectbox更改

1 个答案: