多個復選框下拉列表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>