如何使用jQuery檢測Joomla中的selectbox變化

Question

我需要檢測選擇框（Joomla表單字段 - 列表）的變化，但Joomla經典html選擇更改爲Joomla樣式和html命令是隱藏的。當我在選擇框中更改項目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"); 
});