multiselectbox這裏的複選框onChange不工作

-1

我在這裏使用多選擇器在這個選擇框裏面我正在使用這個選擇的變化複選框我想執行一個函數名稱getValue（）。我Dropdownchecklist試過，但對我來說它不工作multiselectbox這裏的複選框onChange不工作

下面是我的代碼

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="ui.dropdownchecklist.css" /> 
     <link rel="stylesheet" type="text/css" href="demo.css" /> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript" src="ui.core.js"></script> 
     <script type="text/javascript" src="ui.dropdownchecklist.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#cboLocation").dropdownchecklist({ firstItemChecksAll: true, maxDropHeight: 100 }); 
      }); 
      function getValue() 
      { 
       alert("hai"); 
       return false; 
      } 
     </script> 
    </head> 
    <body> 

      <select name="cboLocation" class="width150" id="cboLocation" multiple="multiple" onChange="getValue()"> 
      <option>(all)</option> 
      <option>Banana Nut</option> 
      <option>Black Walnut</option> 
      <option>Burgundy Cherry</option> 
      <option>Butter Pecan</option> 
      <option>Strawberry Cheesecake</option> 
      <option>Turkish Coffee</option> 
      <option>Vanilla</option> 
      </select> 

    </body> 
    </html>

謝謝

來源

2013-02-13 Athi

我從你的選擇菜單中刪除onChange事件，因爲它是由dropdownchecklist（）忽略。（）將用divs和inputs替換您的select元素;因此，內聯腳本沒有被調用。

以下代碼會做一件事：當用戶完成與下拉菜單的交互時，當且僅當至少選中一個複選框時，纔會顯示警告消息「hai」。

<select name="cboLocation" class="width150" id="cboLocation" multiple="multiple"> 


$(document).ready(function() { 
    $("#cboLocation").dropdownchecklist({ 
     emptyText:'Select Something', // couldn't see the thing 
     firstItemChecksAll: true, 
     onComplete: function() { getValue() } //, alert('hello') } 
    }); 

    function getValue() { 
     if($('.ui-dropdownchecklist-item input:checked').length > 0) { 
     alert('hai'); 
     } 
    }  
});

來源

2013-02-13 18:49:06 Dawson

multiselectbox這裏的複選框onChange不工作

回答

相關問題