多選複選框下拉onchange（）不起作用

Question

多下拉複選框無法正常工作。總是獲得第一個參數爲undefined，總是獲得第一個複選框值onchange。

<select name="multicheckbox[]" multiple="multiple" class="4colactive" onchange="selectsearch(this.selected,'property_type',this.value);"> 
    <option value="AK">Alaska</option> 
    <option value="AZ">Arizona</option> 
    <option value="AR">Arkansas</option> 
    <option value="CA">California</option> 
    <option value="CO">Colorado</option> 
    <option value="CT">Connecticut</option> 
    <option value="DE">Delaware</option> 
</select> 

我的java腳本代碼在onchange下拉列表中調用。

function selectsearch(val2,val1,state_id){ 
    var title=state_id; 
    alert(val2); 
    alert(val1); 
    alert(state_id); 
    $.ajax({ 
     url: '<?php echo base_url(); ?>index.php/property/propertysearch', 
     data: {'title':title,'name':val1,'status':val2 }, // change this to send js object 
     type: "post", 
     success: function(data){ 
      //document.write(data); just do not use document.write 
      console.log(data); 
      document.getElementById('search').innerHTML = data; 
      document.getElementById('search').style.display = 'block'; 
      document.getElementById("search1").style.display = 'none'; 
     }, 
     error: function(){ 
      alert("Fail") 
     } 
    }); 
} 

Answer 1

你需要使用oninput而非onchange爲<select>投入。

<select oninput="console.log('test')"> 
    <option value="AK">Alaska</option> 
    <option value="AZ">Arizona</option> 
    <option value="AR">Arkansas</option> 
    <option value="CA">California</option> 
    <option value="CO">Colorado</option> 
    <option value="CT">Connecticut</option> 
    <option value="DE">Delaware</option> 
</select>