多个复选框下拉onchange()不起作用

multiple checkbox dropdown onchange() not working

本文关键字:不起作用 onchange 复选框      更新时间:2023-09-26

多个下拉复选框不能正常工作。总是获得第一个参数为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")
        }
    });
}

对于<select>输入,您需要使用oninput而不是onchange

<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>